@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";header{height:96px;width:100%;display:flex;justify-content:center}header div{width:80%;max-width:1500px;height:100%;display:flex;justify-content:space-between;padding:20px}.menu-list{display:flex;list-style:none;gap:15px}.menu-list,li,.header-link{height:100%}.header-link,.download-btn{font-family:Poppins;font-style:normal;font-weight:400;font-size:2rem;line-height:2rem}.header-link{color:#fff;text-decoration:none;position:relative;overflow:hidden}.header-link:after{content:"";width:99%;height:3px;border-radius:10px;background-color:var(--primary);display:block;position:absolute;transition:transform .2s ease-in-out;transform:translate(-100%);bottom:14px}.header-link:hover:after{transform:translate(0)}.header-link,li{display:flex;align-items:center}.download-btn{color:#000;text-decoration:none;padding:19px;border-radius:60px;border:none;cursor:pointer;background-color:var(--primary);transition:all .4s}.download-btn:hover{border-radius:0}#active,.close-btn,.menu-btn{display:none}@media only screen and (max-width: 800px){.close-btn{display:flex;position:absolute;top:20px;right:30px}.menu-btn{position:absolute;right:10%;top:20px;background-color:var(--primary)}.menu-btn,.close-btn{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.menu-btn:hover,.close-btn:hover{border-radius:0}.close-btn:hover{rotate:180deg}.menu-btn img,.close-btn img{width:30px}nav{position:fixed;z-index:3;width:100vw;height:100vh;background-color:#000;top:0;display:flex;justify-content:center;align-items:center}nav.off{right:-100vw}nav.on{right:0}.menu-list{flex-direction:column;gap:20px}.menu-list,li{display:flex;justify-content:center;height:100px}.header-link{height:30px}.header-link:after{bottom:0}}main{display:flex;flex-direction:column;align-items:center;width:99%}hr{width:60%;height:1px;background-color:#fff;border:none;opacity:70%}@keyframes fly{0%{bottom:7px}50%{bottom:0}to{bottom:7px}}.home{height:600px;width:99%;display:flex;align-items:center;justify-content:space-between;padding:0 10%}#texts{display:flex;flex-direction:column;justify-content:center}h1{font-weight:700;font-size:80px;line-height:80px;width:500px}p{font-size:25px;line-height:25px;display:flex}.subtitle-underline:after{content:"";background-color:var(--primary);height:3px;width:28px;display:block;border-radius:10px}#images{display:flex;align-items:center;justify-content:flex-end;width:100%;position:relative;animation-name:fly;animation-duration:2.5s;animation-iteration-count:infinite}#image-blob{position:absolute;z-index:0;margin-right:50px;margin-bottom:20px}#image-profile{position:absolute;z-index:1}#image-profile #profile{border-radius:50%}#profile,#blob{width:310px}#profile{object-fit:cover;object-position:center;height:310px}@media only screen and (max-width: 1030px){.home{flex-direction:column;padding-top:30px}#images{justify-content:center}#images img{width:300px;height:300px}#images div{bottom:30px}#image-blob{margin:0}#image-profile{margin:10px 0 0 100px}.home #texts p{display:flex;justify-content:center}.home #texts{text-align:center}}@media only screen and (max-width: 500px){#texts h1{font-size:6rem;line-height:6rem}#texts p{font-size:2rem;line-height:2rem}.subtitle-underline:after{width:23px}#images img{width:250px;height:250px}#images div{bottom:60px}#image-profile{margin:10px 0 0 80px}}.underline:after{content:"";background-color:var(--primary);height:5px;width:100%;display:block;position:relative;bottom:0;border-radius:10px}h2{font-size:6rem;line-height:60px;display:flex}@media only screen and (max-width: 400px){h2{font-size:5rem;line-height:50px}}.project-card-link{color:var(--white);text-decoration:none}.project-card{width:250px;height:390px;border:1px solid white;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:20px 30px;gap:20px;transition:all .2s}.project-card:hover{box-shadow:0 0 50px 5px #fff}.project-card img{width:60px}.project-card h3{font-size:3.2rem;text-align:center}.project-card p{text-align:center;font-size:1.6rem}.projects{display:flex;flex-direction:column;align-items:center;gap:50px;padding-top:60px;height:auto}.projects div{display:flex;flex-wrap:wrap;justify-content:center;width:80%;gap:40px}.skills{display:flex;height:auto;flex-direction:column;align-items:center;justify-content:center;gap:50px;padding-top:60px}.skills div{display:flex;flex-wrap:wrap;justify-content:center;width:80%;gap:40px}.skill-card{width:275px;height:390px;border:1px solid white;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:20px 30px;gap:20px}.skill-card img{max-height:50px}.skill-card h3{font-size:22px}.skill-card p{width:90%;font-size:15px;text-align:center}.contacts{display:flex;flex-direction:column;align-items:center;gap:20px;height:auto;padding:50px 0}.contacts p{font-size:16px}.contacts-body{margin-top:20px;width:80%;display:flex;justify-content:space-between}.contacts-logo{width:350px}.contacts-buttons{display:flex;flex-direction:column;justify-content:center;gap:10px}@media only screen and (max-width: 1100px){.contacts-body{flex-direction:column-reverse;justify-content:center;align-items:center;gap:30px}.contacts-logo{width:300px}}@media only screen and (max-width: 700px){.contacts-logo{width:250px}.contacts{padding:50px 0 40px}}@media only screen and (max-width: 600px){.contacts-logo{width:200px}}.contacts-button{background-color:var(--primary);display:block;width:450px;height:55px;border-radius:30px;font-weight:700;font-size:1.8rem;line-height:18px;color:#000;text-decoration:none;display:flex;justify-content:space-between;padding:0 20px;align-items:center;transition:all .3s}.contacts-button:hover{border-radius:0}.contacts-button img{transition:all .3s;width:30px}@media only screen and (max-width: 700px){.contacts-button{width:400px;height:45px;font-size:1.6rem}.contacts-button img{width:25px}}@media only screen and (max-width: 600px){.contacts-button{width:350px}}@media only screen and (max-width: 400px){.contacts-button{width:300px}}footer{background-color:var(--dark-gray);height:80px;width:99%;display:flex;justify-content:center;align-items:center}footer p{font-size:2rem}@media only screen and (max-width: 500px){footer{height:70px}footer p{font-size:1.9rem}}@media only screen and (max-width: 400px){footer{height:60px}footer p{font-size:1.7rem}}.app{font-family:Poppins,sans-serif;min-width:100vw;min-height:100vh;color:#fff;background-color:var(--dark-gray);display:flex;flex-direction:column;align-items:center}section{width:100vw;max-width:1500px}.about-page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh}.footer-container hr{width:50%}.footer-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.about{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;max-width:2000px}.aside-left{display:flex;flex-direction:column;gap:40px;padding:0 50px 32px}.aside-left h1{display:flex;font-size:3.5rem;font-style:normal;font-weight:700;line-height:normal}.aside-left p{text-align:center;font-size:2.2rem;font-style:normal;font-weight:400;line-height:normal}.adise-right{display:flex;justify-content:center;align-items:center}.aside-right img{width:430px}@media only screen and (max-width: 1100px){.aside-left p{font-size:2rem}.aside-right img{width:400px}}@media only screen and (max-width: 950px){.aside-left p{font-size:1.6rem}.aside-right img{width:370px}}@media only screen and (max-width: 830px){.aside-left p{font-size:2rem}.aside-right{display:none}}@media only screen and (max-width: 950px){.aside-left h1{font-size:3rem}}@media only screen and (max-width: 400px){.aside-left p{font-size:1.8rem}}.app{width:99%}*{margin:0;padding:0;box-sizing:border-box;transition:all .3s}:root{font-size:10px;--dark-gray: #16161e;--primary: #72a9e2;overflow-x:hidden}