@import "https://fonts.googleapis.com/css2?family=Fascinate&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lexend:wght@100..900&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Fascinate&family=Krona+One&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lexend:wght@100..900&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Lato,sans-serif}body{font-family:Lato,sans-serif}button{color:#262626ab;text-align:center;background-color:#ffe396;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:10px;font-size:clamp(15px,2.5vw,20px);font-weight:600;line-height:1;transition:all .3s;display:inline-flex}button svg{flex-shrink:0;width:1.5em;height:1.5em;margin:0;padding:0;transition:all .3s;display:block}button:hover{cursor:pointer;background-color:#fdefc7}p{font-size:clamp(12px,2.5vw,25px)}li{margin-top:10px;margin-left:20px;font-size:clamp(12px,2.5vw,25px)}ul{font-size:clamp(12px,2.5vw,25px)}.home{color:#262626;font-family:Lato,sans-serif}.home header{flex-direction:column;justify-content:center;align-items:center;min-height:clamp(40vh,100vw,100vh);display:flex}.hero-text{flex-direction:column;justify-content:center;align-items:center;margin-bottom:clamp(60px,5vw,200px);display:flex}.hero-text h1{text-align:center;font-family:Krona One,sans-serif;font-size:clamp(60px,8vw,110px)}.hero-text p{font-size:clamp(20px,3vw,30px)}.hero-buttons{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;margin-top:50px;display:flex}.socials-anchors{flex-flow:wrap;justify-content:center;align-items:center;gap:40px;margin-left:20px;display:flex}.socials-anchors a{color:#262626}.socials-anchors a:hover{color:#262626ab}.socials-anchors a svg{width:40px;height:auto;transition:all .3s}.view-projects-hero{flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex}.view-projects-hero:hover{cursor:pointer}.view-projects-hero h1{color:#b9e8e0;padding:10px 20px;font-size:clamp(1.5rem,3vw,3rem)}.view-projects-hero svg{color:#262626;width:50px;height:auto}.home header p{color:#262626;font-family:Lato,sans-serif;font-size:clamp(1.5rem,3vw,3rem)}.home-projects{background-color:#b9e8e0;min-height:fit-content;padding-bottom:40px}.project-list{flex-wrap:wrap;justify-content:center;gap:100px;margin-top:40px;padding:20px;display:flex}.project-link{color:inherit;text-decoration:none;display:inline-block}.project-list img{object-fit:cover;border-radius:10px;margin-top:-40px;transition:transform .3s,box-shadow .3s;box-shadow:10px 10px #ffe396}.project-list img.portrait{width:auto;height:500px}.project-list img.landscape{width:1000px;height:auto}@media screen and (width<=1324px){.project-list{gap:70px}.project-list img.portrait{width:auto;height:500px}.project-list img.landscape{width:600px;height:auto}}@media screen and (width<=1024px){.project-list{gap:70px}.project-list img.portrait{width:auto;height:400px}.project-list img.landscape{width:500px;height:auto}}@media screen and (width<=768px){.project-list{gap:75px}.project-list img.portrait{width:auto;height:300px}.project-list img.landscape{width:300px;height:auto}}@media screen and (width<=480px){.project-list{gap:75px}.project-list img.portrait{width:auto;height:200px}.project-list img.landscape{width:200px;height:auto}}.about-me{flex-flow:wrap;justify-content:space-around;align-items:start;gap:30px;min-height:fit-content;margin-top:40px;padding:40px;display:flex}.about-me img{max-width:auto;object-fit:contain;border-radius:10px;min-width:100px;min-height:100px;max-height:clamp(40vh,100vw,800px);transition:transform .3s,box-shadow .3s}.about-me-content{flex-direction:column;justify-content:center;align-items:start;gap:50px;display:flex}.about-me-text{flex-direction:column;gap:50px;max-width:700px;display:flex}.about-me-content h1{color:#262626;font-family:Krona One,sans-serif;font-size:clamp(30px,6vw,70px)}.about-me-content p{color:#262626;max-width:1000px;font-family:Lato,sans-serif}.about-me-content li{color:#262626;max-width:1000px;margin-left:20px;font-family:Lato,sans-serif}.contact{color:#fff;background-color:#262626;flex-direction:column;justify-content:start;align-items:start;min-height:fit-content;padding:40px;display:flex}.contact h1{font-family:Krona One,sans-serif;font-size:clamp(30px,6vw,70px)}.contact-form{flex-direction:column;justify-content:center;align-items:start;gap:50px;width:100%;margin-top:40px;display:flex}.contact-information{flex-flow:wrap;justify-content:center;align-items:start;gap:20px;display:flex}.contact-information input{border:none;border-radius:6px;outline:none;width:300px;padding:10px;font-size:clamp(15px,2.5vw,20px)}.contact-form textarea{border:none;border-radius:6px;outline:none;width:100%;height:200px;padding:10px;font-size:clamp(15px,2.5vw,20px)}.contact-socials{flex-flow:wrap;justify-content:center;align-items:center;gap:40px;margin-top:50px;display:flex}.contact-socials a{color:#ffe396}.contact-socials a:hover{color:#fdefc7}.contact-socials a svg{width:40px;height:auto;transition:all .3s}.project-page{color:#fff;background-color:#262626;flex-direction:column;gap:30px;min-height:100vh;padding:40px;font-family:Lato,sans-serif;display:flex}.project-page h1{font-family:Krona One,sans-serif;font-size:clamp(50px,6vw,80px)}.project-page h2{margin-top:20px;font-family:Krona One,sans-serif;font-size:clamp(30px,4vw,50px)}.project-page p{max-width:clamp(400px,90vw,1200px)}.project-back{text-align:center;color:#fff;border:none;outline:none;line-height:1;text-decoration:none;display:inline-flex}.project-back:hover{color:#ffe396}.project-back svg{width:3.5em;height:3.5em;margin:0;padding:0;transition:all .3s}.project-gallery{flex-flow:wrap;gap:24px;margin-top:30px;display:flex}.project-gallery img{max-width:auto;border-radius:30px;max-height:500px;box-shadow:10px 10px #b9e8e0}.code-languages{flex-flow:wrap;gap:20px;margin-top:20px;display:flex}.code-card{background-color:#636363;border:1px solid #fff;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:8px 20px;display:flex}.code-card img{width:clamp(20px,5vw,40px);height:auto}@media (width<=1200px){.project-gallery img{border-radius:10px;max-width:600px;height:auto;max-height:500px}.code-card{gap:6px;padding:6px 16px}}@media (width<=600px){.project-gallery img{border-radius:10px;max-width:300px;height:auto;max-height:300px}.code-card{gap:6px;padding:4px 12px}}