@import"https://fonts.googleapis.com/css2?family=Karla:wght@700&family=Spectral:wght@300&display=swap";nav{background-color:#1b1a204a;grid-column:1/3;grid-row:1/2;height:100vh;display:grid;grid-template-rows:repeat(6,1fr);width:5rem;transition:all .5s ease;position:absolute;top:0;left:0;z-index:9999}nav:hover{width:10rem;background-color:#1b1a20;z-index:9999}nav:hover .navigation-link-container li span{margin-left:.5rem;display:block;width:auto;height:auto;overflow:visible;transition:all .5s ease}nav .logo{grid-row:1/2;display:flex;justify-content:center;align-items:center;border-bottom:.2rem solid #1f9eda}nav .logo h1{width:0;height:0;overflow:hidden}.navigation-link-container{grid-row:2/7;display:flex;flex-direction:column;align-items:center;justify-content:center}.navigation-link-container li{display:flex;width:100%;justify-content:center;align-items:center;height:20%}.navigation-link-container li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.navigation-link-container li a svg{width:2rem;height:2rem}.navigation-link-container li a:hover{background-color:#2b2a30}.navigation-link-container li span{display:block;width:0;height:0;overflow:hidden;transition:all .5s ease}@media (min-width: 700px){nav{grid-column:1/2;width:10rem}nav:hover{width:20rem}nav .navigation-link-container li a svg{width:4rem;height:4rem}}.main-layout{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr}main{grid-column:3/-1;grid-row:1/2}@media (min-width: 700px){main{grid-column:3/12}}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:5%;max-width:100rem;margin:0 auto}.home img{border-radius:50%;height:20rem;width:20rem;object-fit:cover;object-position:80% 20%;padding:2.5rem}.home .home-info-container p:first-of-type{text-transform:uppercase}.home .home-info-container p{text-align:left}.home .home-title-container{display:flex;gap:1rem}.home p{text-align:center;margin-bottom:2.6rem}.home .home-links-container{display:flex;justify-content:center;align-items:center;gap:1rem}.home .home-links-container a{display:flex}.home .home-links-container a svg{width:3rem;height:3rem}@media (min-width: 800px){.home{flex-direction:row}.home img{height:30rem;width:30rem}.home .home-links-container{justify-content:flex-start;gap:5rem}.home .home-links-container a svg{width:5rem;height:5rem}}.btn{border:2px solid DeepSkyBlue;padding:.5rem 2rem;border-radius:5rem;transition:all .3s ease-in-out}.btn:hover{background-color:#00bfff;color:#000}.btn-submit{width:15rem;margin-top:1.8rem;cursor:pointer}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:5%;text-align:center}.about ul{margin-top:2.6rem;display:flex;flex-wrap:wrap;gap:5rem;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.about ul::-webkit-scrollbar{display:none}.about ul li img{width:5rem}.projects{padding:5%;height:100vh;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.projects::-webkit-scrollbar{display:none}.projects .project-container{background-color:#1b1a20;padding:2rem;margin-bottom:2rem;border-radius:.5rem}.projects .project-container .project-img img{width:100%;height:100%;object-fit:cover;border-radius:1rem;margin-bottom:1.8rem}.projects .project-container .project-info h3{margin-bottom:1.8rem}.projects .project-container .project-info ul{padding-left:1.7rem;margin-bottom:2.6rem}.projects .project-container .project-info ul li{list-style:circle}.projects .project-container .project-links{display:flex;justify-content:flex-start;gap:2rem;align-items:center;margin-top:2.6rem}@media (min-width: 1200px){.project-container{display:flex;gap:4%}.project-container .project-img{flex-basis:50%}.project-container .project-img img{height:80%!important}.project-container .project-info{flex-basis:50%}}@media (min-width: 1400px){.project-img img{height:100%!important}}.contact{padding:5%}.contact h2{text-align:center;text-transform:uppercase}.contact p{text-align:center;margin-bottom:5rem}.contact form{border-top:2px solid #36ACE2;display:flex;flex-direction:column}.contact form input,.contact form textarea{padding-left:1rem;outline:none}.contact form input:focus,.contact form textarea:focus{border:2px solid #36ACE2}.contact form textarea{height:20rem}.inner-container{padding:3%}.highlight{color:#36ace2;font-weight:700}@media (min-width: 1400px){.inner-container{padding:0;max-width:1400px;margin:0 auto}}h1,h2,h3,h4,h5,h6{font-family:Karla,sans-serif}p,span,a,li{font-family:Spectral,serif}@media (min-width: 800px){h1{font-size:7.2rem}h2{font-size:5.4rem}h3{font-size:3.6rem}}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;background-color:#121212;scroll-behavior:smooth}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,li{list-style:none;padding:0;margin:0}a{text-decoration:none;color:#f5f5f5;display:inline-block}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;font-size:1.8rem;text-rendering:optimizeSpeed;line-height:1.8;color:#f6f6f6}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{padding:.5rem 2rem;border-radius:1rem;border-color:transparent;background-color:#f6f6f6;cursor:pointer}button:hover{color:#a00000}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}