.hero-outline{display:flex;flex-direction:column;background-image:url(/bg.jpg);justify-content:center;align-items:center;background-size:cover;background-repeat:no-repeat;background-position:50% 70%;height:620px;transition:.1s linear;width:auto}.hero-container{text-align:center;justify-content:center;margin:180px 50px 34px;color:#f5f5f5}.hero-container .title{justify-content:center;color:#daf7a6;font-weight:700px;padding-bottom:20px;font-size:36px}.hero-outline a{border-radius:9999px;font-family:serif;font-size:large;padding:16px 32px;margin-top:32px;margin-bottom:120px;background-color:#fff;color:#000}.hero-outline a:hover{background-color:#ef4444;color:#fff}.projects-outline{width:auto;justify-content:center;margin-top:20px}.projects,.projects-outline{display:flex;align-items:center}.projects{flex-direction:column;background-color:#18181b;width:870px}.projects-title{color:#fff;font-size:36px;font-weight:700;margin:15px 0 20px}.item-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;justify-content:start;margin-bottom:30px}.item{display:flex;flex-direction:column;border-radius:5px;height:180px;width:375px;padding:0 10px 10px;color:#fff}.last-child{margin-left:auto;margin-right:auto}@media screen and (max-width:768px){.projects{display:flex;flex-direction:column;align-items:center;background-color:#18181b;width:600px}.item-container{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center;justify-content:start;margin-bottom:30px}.item{display:flex;flex-direction:column;border-radius:5px;height:180px;width:490px;padding:0 10px 10px;color:#fff}}@media screen and (max-width:405px){.projects{align-items:center;background-color:#18181b;width:375px}.item,.projects{display:flex;flex-direction:column}.item{border-radius:5px;height:180px;width:325px;padding:0 10px 10px;color:#fff}}.about-outline{display:flex;width:auto;align-items:center;justify-content:center;margin-top:50px}.about-container{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border-radius:5px;background-color:#18181b;width:870px;height:auto}.title{display:flex;font-weight:700;font-family:sans;color:#fff;font-size:36px;line-height:40px;margin-top:10px}.profile{display:flex;flex-direction:row;align-items:center;color:#000;justify-content:center;margin:10px 0 0 80px;width:920px}.profile-text{margin:0 100px 0 20px;width:auto;height:auto;font-family:Alright Sans;color:#fff}.profile img{height:auto;width:58%;margin:10px 0 0 20px;border-radius:100px}.about-container a,.profile img{align-items:center;justify-content:center}.about-container a{border-radius:14px;font-family:serif;font-size:large;padding:8px 16px;margin:10px 0;background-color:#fcd34d;color:#000}.about-container a:hover{background-color:#6d28d9;color:#f5f5f4}@media screen and (max-width:768px){.about-container{display:flex;padding:15px 10px;border-radius:5px;background-color:#18181b;width:600px;height:auto}.about-container,.profile{flex-direction:column;align-items:center}.profile{display:inline-flex;color:#000;justify-content:center;margin:10px 0 0 80px;width:auto}.profile-text{margin:0 100px 5px 20px;width:490px;height:auto;font-family:Alright Sans;color:#fff}.profile img{align-items:center;justify-content:center;height:auto;width:115px;margin:10px 100px 10px 20px;border-radius:100px}}@media screen and (max-width:405px){.about-container{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border-radius:5px;background-color:#18181b;width:375px;height:auto}.profile-text{margin:0 100px 5px 20px;width:325px;height:auto;font-family:Alright Sans;color:#fff}}.skills-outline{width:auto;justify-content:center;margin-top:20px}.skills,.skills-outline{display:flex;align-items:center}.skills{flex-direction:column;border-radius:5px;background-color:#18181b;height:370px;width:870px}.skills-title{color:#fff;font-size:36px;font-weight:700;margin:30px 0 15px}.skills-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:.75rem;align-items:center;justify-content:center;border-radius:5px;height:250px;width:830px;padding:5px 0 5px 10px;margin:0 10px 40px 0}.skills .skills-container .skills-card{display:flex;flex-direction:column;height:115px;width:auto;align-items:center;padding-top:20px;border-radius:5px;background-color:#f5f5f5;color:#000}.skills .skills-container .skills-card img{height:60px;width:auto;margin-bottom:10px}.skills .skills-container .skills-card p{color:#000}.skills-button{border-radius:9999px;font-family:serif;font-size:large;padding:16px 32px;margin-bottom:70px;background-color:#38bdf8;color:#000}.skills-button:hover{background-color:#ef4444;color:#fff}@media screen and (max-width:768px){.skills{display:flex;flex-direction:column;border-radius:5px;background-color:#18181b;align-items:center;height:auto;width:600px}.skills-title{color:#fff;font-size:36px;font-weight:700;margin:30px 0 15px}.skills-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;align-items:center;justify-content:center;border-radius:5px;height:auto;width:490px;padding:5px 0 5px 10px;margin:0 10px 40px 0}}@media screen and (max-width:405px){.skills{display:flex;flex-direction:column;background-color:#18181b;width:375px}.skills,.skills-container{border-radius:5px;align-items:center;height:auto}.skills-container{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;justify-content:center;width:325px;padding:5px 0 5px 10px;margin:0 10px 40px 0}}