@import"https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Roboto&family=Source+Sans+Pro:wght@300&display=swap";.project-cards-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.5rem}.project-card{box-shadow:0 1px 4px #0003;border-radius:var(--size-2);background-color:var(--color-grey-800);color:var(--color-grey-100);text-align:center;margin-top:var(--size-4);transition:transform .3s}.project-card:hover{transform:scale(1.05)}.project-card a{text-decoration:none;color:inherit}.project-card a:visited{color:inherit}.card-image{width:100%;height:var(--size-50);overflow:hidden;display:flex;border-top-left-radius:var(--size-2);border-top-right-radius:var(--size-2);opacity:.9}.card-image img{width:100%;height:100%;object-fit:cover}.content{padding:var(--size-4)}.content h3{margin:var(--size-2) 0;font-size:var(--size-6)}.content p{line-height:var(--size-6)}@media (max-width: 1300px){.project-card{margin-top:var(--size-2)}.project-card a{font-size:var(--size-5)}.card-image{height:12rem}.content h3{font-size:var(--size-5)}.content p{font-size:var(--size-4)}}.tech-logos{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:var(--size-6)}.tech-logo{width:45px;height:45px;object-fit:contain}.page-layout{width:90%;max-width:80rem;margin:var(--size-3) auto var(--size-12)}.page-layout h2{font-size:var(--size-8);color:var(--color-grey-800);text-align:center}@media (min-width: 768px){.page-layout h2{font-size:var(--size-12)}}.featured-btn-container{display:flex;justify-content:center;margin-top:var(--size-12)}.featured-btn{padding:var(--size-2) var(--size-4);background-color:var(--color-grey-600);color:var(--color-grey-100);font-size:var(--size-4);border:none;border-radius:var(--size-1);cursor:pointer;transition:background-color .3s ease}.featured-btn:hover{background-color:var(--color-grey-700)}@media (max-width: 480px){.featured-btn{font-size:var(--size-3);padding:var(--size-2) var(--size-3)}.featured-btn-container{margin-top:var(--size-8);margin-bottom:-4%}}.hero{text-align:center;background-image:linear-gradient(to bottom,var(--color-grey-900),var(--color-grey-800));padding:var(--size-1) 0}.image{width:285px;height:285px;opacity:.9;border-radius:50%;overflow:hidden;margin:auto}.image img{object-fit:cover;object-position:top;width:100%;height:100%}.hero h1{font-size:var(--size-16);margin:var(--size-2) 0;color:var(--color-grey-300)}.hero p{font-size:var(--size-6);color:var(--color-grey-200);width:90%;max-width:60rem;margin:auto;padding-bottom:var(--size-4)}.hero-btn{padding:var(--size-2) var(--size-4);margin-bottom:var(--size-3);background-color:var(--color-grey-600);color:var(--color-grey-100);font-size:var(--size-4);border:none;border-radius:var(--size-1);cursor:pointer;transition:background-color .3s ease}.hero-btn:hover{background-color:var(--color-grey-700)}@media (max-width: 480px){.image{width:170px;height:170px}.hero h1{font-size:var(--size-8)}.hero p{font-size:var(--size-4)}.hero-btn{font-size:var(--size-3);padding:var(--size-2) var(--size-3)}}footer{text-align:center;padding:var(--size-4);background-color:var(--color-grey-900)}footer p{font-size:var(--size-4);color:var(--color-grey-200)}.footer-links img{width:var(--size-8);height:auto;margin:var(--size-3) var(--size-4)}.footer-links a:hover img{transform:scale(1.2);transition:transform .3s ease-in-out}@media screen and (max-width: 768px){footer{padding:var(--size-2)}footer p{font-size:var(--size-2)}.footer-links img{width:var(--size-6);margin:var(--size-2) var(--size-2)}.footer-links a:hover img{transform:scale(1.1);transition:transform .3s ease-in-out}}.header{width:100%;height:6rem;background-color:var(--color-grey-900);display:flex;justify-content:space-between;align-items:center;padding:0 10%}.header .nav-logo{width:170px}.header ul{list-style:none;display:flex;align-items:baseline;margin:0;padding:0}.header li{margin:0 var(--size-4)}.header .nav-link{color:var(--color-grey-200);font-size:var(--size-5)}.header .nav-link:hover,.header .nav-link:active,.header .nav-link.active{color:var(--color-grey-100)}.mobile-menu-icon{display:none;cursor:pointer;font-size:30px;color:var(--color-grey-200);position:absolute;right:10%;top:20px}@media (max-width: 768px){.mobile-menu-icon{display:block}.header .nav-logo{width:140px}.header ul{display:none;flex-direction:column;position:absolute;top:6rem;right:0;border-bottom-left-radius:var(--size-2);background-color:var(--color-grey-900);padding:1rem;width:200px;z-index:9999;align-items:center}.header ul.open{display:flex}.header li{margin:1rem 0}.header .nav-link{font-size:var(--size-4)}}.about{width:90%;max-width:70rem;margin:2rem auto;background-color:var(--color-grey-100);padding:var(--size-8);border-radius:8px;box-shadow:0 4px 8px #0000001a}.about-header{padding-bottom:var(--size-8);border-bottom:7px solid var(--color-grey-600);margin:var(--size-4) 0;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:1rem}.about-header h1{font-size:var(--size-12);color:var(--color-grey-800);margin:0;line-height:initial;text-align:center}.about-content p{font-size:var(--size-5);line-height:var(--size-8);margin:var(--size-4) 0}.about-content ul{list-style-type:none;padding:0;margin:var(--size-4) 0}.about-content ol{padding:0;margin:var(--size-4) 0 0 var(--size-6)}.about-content ul li,.about-content ol li{font-size:var(--size-5);margin-bottom:var(--size-4)}.about-content h2{font-size:var(--size-6);margin-top:var(--size-8);color:var(--color-grey-700)}.about-content a{margin-left:var(--size-2)}@media (max-width: 768px){.about{padding:var(--size-4);width:95%}.about-header{padding-bottom:var(--size-4);border-bottom:5px solid var(--color-grey-600)}.about-header h1{font-size:var(--size-8)}.about-content p{font-size:var(--size-4);line-height:var(--size-6)}.about-content ul li,.about-content ol li{font-size:var(--size-4)}.about-content h2{font-size:var(--size-5)}.about-content a{font-size:var(--size-4)}}.project-content{width:95%;max-width:60rem;margin:var(--size-8) auto;font-size:var(--size-4);line-height:var(--size-7);background-color:var(--color-grey-100);border-radius:6px;padding:var(--size-4)}.project-content p{margin-top:var(--size-2);text-align:center}.project-header{padding-bottom:var(--size-6);border-bottom:5px solid var(--color-grey-600);margin:var(--size-2) 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}.project-header h1{font-size:var(--size-8);color:var(--color-grey-800);margin:0;line-height:initial;text-align:center}.project-header img{object-fit:cover;border-radius:var(--size-1);width:200px;height:120px}.technologies{padding-top:var(--size-4)}@media (min-width: 768px){.project-header{margin:var(--size-8) 0;flex-direction:row;align-items:flex-end;border-bottom:7px solid var(--color-grey-600);margin:var(--size-4) 0;padding-bottom:var(--size-8)}.project-header h1{font-size:var(--size-12);text-align:left}}@media (min-width: 768px){.project-content{padding:var(--size-8);font-size:var(--size-5);line-height:var(--size-8)}}.glide{margin-top:var(--size-6);margin-bottom:var(--size-5);width:100%;height:100%;position:relative;cursor:grab}.glide:active{cursor:grabbing}.glide-track{overflow:hidden}.glide-slides{display:flex;position:relative;width:100%;list-style:none}.glide-slide{display:flex;justify-content:center;align-items:center;width:100%;height:auto}.glide-slide img{width:100%;height:100%;object-fit:cover;display:block}.glide-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--color-grey-900);color:var(--color-grey-100);border:none;font-size:var(--size-6);padding:10px;cursor:pointer;z-index:10}.glide-arrow-left{left:var(--size-2)}.glide-arrow-right{right:var(--size-2)}.glide-arrow:hover{background-color:var(--color-grey-700)}@media (max-width: 768px){.glide-arrow{font-size:var(--size-4);padding:6px}.glide-arrow-left{left:var(--size-1)}.glide-arrow-right{right:var(--size-1)}}*{margin:0;padding:0;box-sizing:border-box}body{--color-grey-50: hsl(265, 55%, 96%);--color-grey-100: hsl(265, 19%, 88%);--color-grey-200: hsl(265, 7%, 70%);--color-grey-300: hsl(265, 6%, 66%);--color-grey-400: hsl(265, 4%, 57%);--color-grey-500: hsl(265, 3%, 53%);--color-grey-600: hsl(265, 4%, 42%);--color-grey-700: hsl(265, 4%, 31%);--color-grey-800: hsl(276, 5%, 20%);--color-grey-900: hsl(280, 5%, 13%);--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-8: 2rem;--size-12: 3rem;--size-14: 3.2rem;--size-16: 3.8rem;--size-20: 5rem;--size-40: 10rem;--size-50: 20rem;margin:0;background-color:var(--color-grey-500);color:#252525;font-family:Roboto,sans-serif}h1,h2,h3{font-family:Oswald,Roboto,sans-serif}a{text-decoration:none}button{font:inherit;cursor:pointer}