*,.menu-list,.offcanvas-body,a,ul{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}a{cursor:pointer}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}#root,.homemain,body{height:100vh}.contactmain{background-color:#fff;padding:5%}.aboutmain{justify-content:left}.aboutmain,.projectsmain{background-color:#f0f0f0}.projectsmain{height:auto}.projectsmain header{width:100%}.projects-cont{padding-bottom:5%}.homemain,.projectsmain,.services{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center}.logo{height:100px;margin-right:10px}.font-colour{color:#381b46;font-weight:700}.nav-link{color:#381b46;font-family:Quicksand,sans-serif;font-size:16px}.nav-link:hover{background-color:#bad4aa;border-radius:5px}.about p,.sub{color:#381b46;font-size:18px;font-weight:200;margin-bottom:30px;margin-top:20px}.contact-socials{display:flex;flex-direction:row;justify-content:space-around}.intro p{font-size:35px;line-height:1}.usefull-links{display:none}.outrop{font-size:18px}.desk-nav,.mobile-nav,.modal-content{background-color:#fff}.read_more{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.link-btn,.link-btn-2,.menu-pop{width:80%}.call-to-action{color:#381b46}.call-to-action span{color:#edb458}.offcanvas-body{display:flex;justify-content:center;text-align:center}.menu-link{font-size:32px}.icon,.icon_fifth,.icon_fourth,.icon_second,.icon_third{height:40px;margin:5px;width:40px}.icon{color:#381b46;transition:transform .3s ease}.icon:hover{transform:translateX(-3px)}.icon_second{color:#e8871e;transition:transform .3s ease}.icon_second:hover{transform:translateX(3px)}.icon_third{color:#bad4aa;transition:transform .3s ease}.icon_third:hover{transform:translateX(-3px)}.icon_fourth{color:#edb458;transition:transform .3s ease}.icon_fourth:hover{transform:translateX(3px)}.icon_fifth{color:#d4d4aa;transition:transform .3s ease}.icon_fifth:hover{transform:translateX(-3px)}.card{position:static}.contactsocials{width:80%}.lang li{border:1px solid #fff;border-radius:25px;font-size:12px;margin:10px 10px 10px 0;padding:5px}img{border-radius:5px;width:100%}.link-btn,.link-btn-2{border:none;border-radius:3px;font-size:16px}.proj-link{border:none;border-radius:3px;border-radius:25px;bottom:10px;color:#381b46;padding:10px;position:absolute;right:10px;text-align:right}.desk-nav{display:none;height:10vh}.form-input{background-color:initial;border:none;border-bottom:1.5px solid #c2c2c2;width:80%}.items{color:#381b46;display:block;font-size:16px;overflow-wrap:break-word;text-align:center}.carousel-container{justify-content:center;width:100%}.carousel,.carousel-container{align-items:center;display:flex}.carousel{justify-content:space-between;width:50%}.carousel-item{text-align:center;width:100%}.button{border:none;cursor:pointer;padding:10px 20px}.project_description{height:120px}.link-btn{border:2px solid #381b46;color:#381b46;font-weight:600;margin-right:20px}.hire{background-color:#381b46;font-weight:600}.skills-btn{background-color:#edb458;border:none;border-radius:5px;box-shadow:0 2px 4px -1px #0006;justify-content:space-around;max-width:130px;min-width:130px;padding:.5rem!important}.skills{align-items:end;flex-wrap:wrap;gap:50px;justify-content:center;padding:100px 0}.servicesContainer{display:flex;flex-direction:column;gap:20px}.about h4{font-style:italic;font-weight:300;padding:5% 0}.box{align-items:center;border:1px solid #381b46;border-radius:5px;display:flex;flex-direction:column;padding:5px}.box img{width:30%}.box h4,.box img,.box p{color:#381b46}.box p{text-align:center}.link-btn-2{background-color:#381b46}.arrows{background:none;border:none;font-size:30px}.contactmain,.homemain,.services{background-color:#fff}.projects-cont{display:flex;flex-direction:column}.desk-nav ul{width:50%}.skillscard,.skillscard h4{text-align:center}.skillscard h4{color:#381b46;font-weight:600;padding:10px 0}.skillscard img{text-align:center;width:70%}.cont-links{gap:10px}.about,.intro header h3,.intro p,.outro h5,.social-link{color:#381b46}.social-link{font-size:18px;margin-left:5px}.contact h4{color:#381b46}.contact ul li{padding-bottom:5px}.image-container{height:280px;position:relative;width:100%}.images{display:block;height:280px;max-width:100%;object-fit:cover}.overlay{align-items:center;background-color:#381b46;border-radius:5px;color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.image-container:hover .overlay{opacity:1}.aboutmain,.contactmain,.homemain,.projectsmain,.services{padding:10% 5%}.overlay-text{padding:20px}.overlay-text p{font-size:14px}.image{display:none}@media only screen and (min-width:800px){.mobile-nav{display:none}.image{height:80%;width:40%}.sub{text-align:center;width:60%}.desk-nav{align-items:center;justify-content:space-between;padding:3px 50px;position:fixed;width:100%;z-index:1000}.desk-nav ul{width:50%}.contactmain{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;height:50vh;justify-content:space-evenly}.usefull-links{display:block}nav ul{justify-content:space-between}.projectsmain header{text-align:center}.desk-nav,.skills,nav ul{display:flex}.aboutmain,.contactmain,.homemain,.projectsmain,.services{padding:10%}.active,.navLinks li a:hover{border:none;border-bottom:3px solid #fff9db}.homemain{align-items:center;justify-content:space-between}.homemain,.servicesContainer{flex-direction:row}.aboutmain,.services{align-items:center}.about{width:60%}.outro{width:80%}.intro{width:50%}.about-me{text-align:left!important}.about h4,.about header h2{text-align:center}.aboutmain{display:flex;flex-direction:row;justify-content:space-between}.about header h1,.intro header h1,.outro header h1{font-size:5rem;text-align:center}.cont-links a{display:flex}.intro header h3{font-size:3rem}.intro p{font-size:50px}.about,.outro h5{font-size:1.5rem}.intro header h4{font-size:2rem}.outro h5{text-align:center}.socials ul{flex-direction:column;height:90%}.link-btn{padding:.5rem!important}.projects-cont{align-items:center;column-gap:2%;flex-direction:row;flex-wrap:wrap;justify-content:center}.projects{width:40%}.aboutmain,.contactmain,.projectsmain{background-position:50%;background-repeat:no-repeat;background-size:cover}.contact-socials{display:flex;flex-direction:column}.animated-section{animation:fadeInSwing 1s ease-out forwards,swing 3s ease-in-out 1.2s infinite;opacity:0;transform:rotate(0deg)}@keyframes fadeInSwing{0%{opacity:0;transform:rotate(0deg) scale(.9)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes swing{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}to{transform:rotate(0deg)}}}
/*# sourceMappingURL=main.2aeee113.css.map*/