body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){body,html{-webkit-overflow-scrolling:touch;background-attachment:scroll;overflow-x:hidden;overflow-y:scroll;scroll-behavior:auto;transform:none}#about,#contact,#home,#projects,body,html{height:auto!important;min-height:auto!important}}.navbar{background-color:#060f1f;padding:5px;right:0;text-align:right;top:0;z-index:1000}.navbar ul{display:flex;gap:0;justify-content:flex-end;list-style:none;margin:10}.navbar ul li{display:inline}.navbar ul li img{height:auto;margin-left:-15px;width:30px}.navbar ul li a{font-size:18px;padding:10px 15px}.github-icon,.linkedin-icon{height:auto;transition:transform .2s ease-in-out;width:40px}.github-icon:hover,.linkedin-icon:hover{transform:scale(1.1)}@media (max-width:768px){.navbar{padding:10px 0;text-align:center;width:100%}.navbar ul{justify-content:center;margin:0;padding-left:40%;width:100%}.navbar ul li{display:inline-block;margin:1 5px}.navbar ul li a{align-items:center;display:flex;justify-content:center}}@media (max-width:480px){.navbar ul li a{font-size:16px}}*{box-sizing:border-box}body{background-attachment:fixed;background-color:#060f1f;color:#fff;margin:0;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;width:100%}#home p,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#home{align-items:center;display:flex;flex-direction:row;height:80vh;justify-content:space-between;padding:0 8%;position:relative;width:100%}#home-content{flex:2 1;margin-right:3%;text-align:left}#home h1{font-size:4.2rem;font-weight:300}#home p{font-size:1.1rem;font-weight:300;line-height:1.6;max-width:none;width:100%}#home-projects{flex:1 1;left:0;max-width:650px;position:relative;text-align:left;top:3%;transform:translateX(200px)}#home-projects:before{border-left:2px solid #c2b280;border-top:2px solid #c2b280;content:"";height:100px;left:-20px;position:absolute;top:5px;width:80px}#home-projects ul{list-style:none;margin:0;padding:0}#home-projects ul li{display:block;margin-bottom:10px;position:relative;width:fit-content}#home-projects ul li a{color:#d4d4d4;font-size:18px;text-decoration:none;transition:color .3s ease-in-out}#home-projects ul li a:hover{color:#fff}#home-projects ul li:after{background:#ffffff80;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}@media (max-width:768px){#about,#home{height:auto;padding:20px}#about h1,#home h1{font-size:2.5rem}#about .about-text,#home p,#projects p{font-size:1rem;line-height:1.5}#home-projects{left:15px;margin-top:30px;padding-left:1px;position:relative;text-align:center;width:100%}.aboutMePicture{margin-top:20px;text-align:center;width:100%}}@media (max-width:480px){#home h1{font-size:2rem}}#projects{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;justify-content:flex-start;margin-top:4%;min-height:100vh;padding:80px 0;text-align:center;width:100%}#projects h2{font-size:3.1rem;font-weight:400;line-height:1}#projects p{font-size:1.2rem;font-weight:300;line-height:1.6}.projects-container{grid-gap:70px 100px;display:grid;gap:70px 100px;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:5%}.projects-container h1{font-size:1.8rem;font-weight:500;grid-column:span 3;justify-self:center;margin-bottom:10px;text-align:center;width:100%}.project-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;min-height:500px;padding:18px;text-align:center;width:400px}.project-card:hover{transform:translateY(-2px)}.project-card h3{font-size:1.4rem;font-weight:500;margin-bottom:10px}.project-card p{font-size:1rem;line-height:1.4;margin-bottom:8px;margin-top:0;text-align:center}.project-card:last-child{grid-column:2;justify-self:center}.TireWebsite,.discordLogo,.portfolioLogo,.websiteLogo{border-radius:8px;height:180px;-webkit-mask-image:linear-gradient(180deg,#000 50%,#0000);mask-image:linear-gradient(180deg,#000 10%,#0000 90%);object-fit:cover;width:100%}.github-icon{height:auto;width:40px}.github-icon,.internet-icon{transition:transform .2s ease-in-out}.internet-icon{height:32px;padding-top:4px;width:32px}.github-icon:hover,.internet-icon:hover{transform:scale(1.1)}.project-icons{display:flex;gap:8px;justify-content:center;margin-top:auto;padding-top:10px}.project-icons a{color:#333;font-size:26px;transition:color .3s}.project-icons a:hover{color:#007bff}@media (max-width:768px){#projects{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:80px 0}#projects,.projects-container{box-sizing:border-box;margin:0 auto;width:100%}.projects-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;justify-items:center;padding:0}.projects-container h1{grid-column:auto;margin:0 auto 10px;text-align:center;width:90%}.project-card:last-child{grid-column:auto;justify-self:center}.project-card{box-sizing:border-box;margin:20px auto;width:90%}}@media (max-width:480px){.project-card{width:95%}}#about{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:80vh;justify-content:flex-start;padding:0 10%;width:100%}#about h1{flex-shrink:0;font-size:4.2rem;font-weight:300;margin-bottom:300px;min-width:200px;text-align:left;width:25%}.about-text{display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:800px;padding-left:40px;text-align:left}.about-text p{line-height:1.8;margin:0}.aboutMePicture{display:block;height:auto;margin-top:200px;max-width:100%;opacity:.8;position:absolute;width:300px}#contact{align-items:center;display:flex;flex-direction:column;height:20vh;justify-content:center;padding:0 8%;position:relative;text-align:center}.contact-link{bottom:50px;color:#b4b4b4;font-size:2.7rem;left:50%;position:absolute;text-decoration:underline;transform:translateX(-50%);transition:color .3s ease-in-out}.contact-link:hover{color:#fff;cursor:pointer}#footer{background-color:#060f1f;color:#b4b4b4;font-size:14px;margin:120px 0 0;padding:20px;text-align:center;width:100%}@media (min-width:769px) and (max-width:1440px){.contact-link{font-size:2.2rem}}@media (max-width:768px){#contact{min-height:20vh;position:relative}.contact-link{bottom:100px;font-size:1.8rem;left:50%;padding:10px 20px;position:absolute;transform:translateX(-48%)}#footer{font-size:1rem;margin:120px 0 0;padding:15px 5px;transform:translateX(0)}}
/*# sourceMappingURL=main.16099ca1.css.map*/