@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans&display=swap";.card{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:250px;display:flex;overflow:hidden!important}.card .content{text-align:center;opacity:0;cursor:pointer;padding:10px;font-family:Open Sans;transition:all .5s ease-in-out;transform:translateY(20px)}.card .content h1{color:#fff;font-size:14px}.card .content p{color:#fff;margin-bottom:20px;font-size:10px}.card .content .btn{color:#fff;background-color:#000;padding:10px;text-decoration:none}.card .content:hover{opacity:1;background-color:#000;transform:translate(0)}.navbar-wrapper{justify-content:space-between;align-items:center;width:80vw;margin-top:10vh;display:flex}.navbar-wrapper .name{font-weight:600}.navbar-wrapper .links-wrapper button{opacity:.6;cursor:pointer;background-color:#0000;border:0;outline:none;padding:10px;font-family:Open Sans;font-size:12px;text-decoration:none;transition:all .2s ease-in-out}.navbar-wrapper .links-wrapper button:hover{opacity:1}.navbar-wrapper .links-wrapper .active{color:#000}.header-wrapper{flex-direction:column;align-items:center;width:80vw;margin-top:10vh;display:flex}.header-wrapper h2{text-align:center;font-size:1rem}@media (width>=320px) and (width<=424px){.header-wrapper h2{font-size:14px}}@media (width>=425px) and (width<=767px){.header-wrapper h2{font-size:16px}}@media (width>=768px) and (width<=1023px){.header-wrapper h2{font-size:16px}}.header-wrapper .heading-wrapper h1{text-align:center;font-size:4rem;line-height:20px}@media (width>=320px) and (width<=424px){.header-wrapper .heading-wrapper h1{font-size:1.5rem;line-height:10px}}@media (width>=425px) and (width<=767px){.header-wrapper .heading-wrapper h1{font-size:1.5rem;line-height:10px}}@media (width>=768px) and (width<=1023px){.header-wrapper .heading-wrapper h1{font-size:2.5rem}}.header-wrapper p{text-align:center;width:50%;overflow:hidden}@media (width>=320px) and (width<=424px){.header-wrapper p{width:100%;font-size:12px}}@media (width>=425px) and (width<=767px){.header-wrapper p{width:100%;font-size:12px}}@media (width>=768px) and (width<=1023px){.header-wrapper p{width:100%;font-size:14px}}.work-wrapper{flex-direction:column;align-items:center;width:80vw;margin-top:10vh;display:flex}.work-wrapper h1{font-size:3rem;line-height:20px}.work-wrapper .grid{grid-gap:10px;grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}@media (width>=320px) and (width<=424px){.work-wrapper .grid{grid-template-columns:1fr}}@media (width>=425px) and (width<=767px){.work-wrapper .grid{grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){.work-wrapper .grid{grid-template-columns:1fr 1fr}}.about-section{justify-content:space-between;width:80vw;margin-top:10vh;display:flex}@media (width>=320px) and (width<=424px){.about-section{flex-direction:column-reverse}}@media (width>=425px) and (width<=767px){.about-section{flex-direction:column-reverse}}@media (width>=768px) and (width<=1023px){.about-section{flex-direction:column-reverse;align-items:center}}.about-section .content{width:50%}@media (width>=320px) and (width<=424px){.about-section .content{width:100%}}@media (width>=425px) and (width<=767px){.about-section .content{width:100%}}@media (width>=768px) and (width<=1023px){.about-section .content{width:100%}}.about-section .content h1{font-size:3rem;line-height:20px}@media (width>=768px) and (width<=1023px){.about-section .content h1,.about-section .content p{text-align:center}}.about-section .image-wrapper{justify-content:center;align-items:center;width:50%;display:flex;overflow:hidden}@media (width>=320px) and (width<=424px){.about-section .image-wrapper{width:100%}}@media (width>=425px) and (width<=767px){.about-section .image-wrapper{width:100%}}@media (width>=768px) and (width<=1023px){.about-section .image-wrapper{width:100%}}.skills-container{flex-direction:column;align-items:center;width:80vw;margin-top:10vh;display:flex}.skills-container h1{font-size:3rem;line-height:20px}.skills-container .skills-grid{grid-gap:20px;grid-template-columns:repeat(3,1fr);margin-top:50px;display:grid}@media (width>=320px) and (width<=424px){.skills-container .skills-grid{grid-template-columns:1fr}}@media (width>=425px) and (width<=767px){.skills-container .skills-grid{grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){.skills-container .skills-grid{grid-template-columns:1fr 1fr}}.skills-container .skills-grid .skill{text-align:center;flex-direction:column;align-items:center;display:flex}.skills-container .skills-grid .skill img{height:3rem}.skills-container .skills-grid .skill p{font-size:14px}.promotion-container{text-align:center;flex-direction:column;align-items:center;width:80vw;margin-top:10vh;display:flex}.promotion-container h1{font-size:3rem;line-height:10px}.footer-container{flex-direction:column;align-items:center;width:80vw;margin-top:5vh;margin-bottom:10vh;display:flex}.footer-container h1{font-size:3rem;line-height:20px}.footer-container h2{font-size:1.5rem;overflow:hidden}@media (width>=320px) and (width<=424px){.footer-container h2{display:none}}@media (width>=425px) and (width<=767px){.footer-container h2{font-size:14px}}@media (width>=768px) and (width<=1023px){.footer-container h2{font-size:1.2rem}}.footer-container .email-link{color:#000;font-size:1.5rem}.footer-container .social-icons{margin-top:20px}.footer-container .social-icons img{height:2rem;margin:10px}.footer-container span{margin-top:10px}.footer-container icon{color:red}*{font-family:Montserrat}body{margin:0;padding:0;overflow:hidden scroll}.section{width:100vw;height:auto;overflow:hidden}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.primary-btn{color:#fff;cursor:pointer;background-color:#000;border:0;margin:10px;padding:10px;text-decoration:none;transition:all .2s ease-in-out}.primary-btn:hover{transform:scale(1.1)}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}