.alert-message,.button-hire,.description-profile .download-cv,.error-message,.success-message{font-family:var(--body-font);color:var(--light)}#particles-js,.background-profile,.box-img,.box-img-two,.contact-box,.l-header,.menu-toggle,.section,.section-banner{overflow:hidden}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--header-height:5rem;--danger:#DB4F54;--light:#FFFFFF;--dark:#2D2D2D;--gray:#FAFCFD;--body-font:"Quicksand",serif;--normal-font:1rem;--medium-font:0.90rem;--small-font:0.80rem;--smaller-font:0.70rem;--z-index:10000}.alert-message,.error-message,.success-message{width:100%;padding:10px 0;background-color:var(--danger);text-align:center;display:none}.l-header,.nav{display:flex;justify-content:center}img{max-width:100%}.container{max-width:1300px;width:calc(100% - 2rem)}.l-header{position:fixed;width:100%;top:0;left:0;background-color:var(--light);align-items:center;z-index:var(--z-index)}.nav{position:relative;align-items:center}.button-hire,.logo,.menu-toggle,a span{position:absolute}.nav-menu,.section{justify-content:center;display:flex}.nav-menu{align-items:center}.nav-menu ul li{list-style:none}.nav-menu ul li a{font-family:var(--body-font);color:var(--dark);text-decoration:none}.nav-menu ul a.active{color:var(--danger);transition:.6s ease-in}.code .border-box span,.nav-menu ul li.active>a{color:var(--danger)}.logo{left:0}.button-hire{right:0;background-color:var(--danger);border:none;cursor:pointer}.menu-toggle{width:32px;height:32px;cursor:pointer;z-index:10000;box-shadow:rgba(0,0,0,.09) 0 3px 12px}a span{width:100%;height:100%;line-height:30px;text-align:center;font-size:2rem;transition:.5s}a span:nth-child(2){position:absolute;top:0;left:0;background-color:var(--light);transform:scale(0)}a span:first-child.active{transform:scale(4)}a span:first-child.active+span:nth-child(2){transform:scale(1)}.section{position:relative;width:100%;align-items:center}.section-banner{width:100%;height:100vh;background-color:var(--light)}.contact-box-input button,.description-profile .download-cv,.learn-more{background-color:var(--danger);border:none;cursor:pointer}#particles-js{position:absolute;width:100%;height:100%;z-index:5}.background-profile{position:absolute;width:100%;height:100%;display:flex}.background-profile img{position:absolute;width:50%}.container-about,.container-banner,.container-contact,.container-portfolio{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.box-about,.box-banner,.box-portfolio{width:100%;height:100%;display:flex;align-items:center;overflow:hidden}.box-container{width:50%;display:flex;align-items:center;flex-direction:column}.description-profile{width:100%;display:flex;justify-content:center;flex-direction:column;z-index:20}.code .border-box p,.description-profile h1,.description-profile p,.title-portfolio h2,.title-portfolio p{font-family:var(--body-font);color:var(--dark)}.about-box .about-paragraph,.about-box h2,.contact-box h2,.footer-box p,.title-about h2,.title-about p,.title-contact h2{color:var(--dark);font-family:var(--body-font)}.profile{position:absolute;z-index:100;bottom:0}.about-code,.box-about,.box-contact,.box-container-about,.box-container-contact,.box-container-portfolio,.box-img-portfolio,.code,.contact-box-row,.footer-section,.section-about,.section-contact{width:100%;display:flex;justify-content:center;align-items:center}.title-about,.title-contact,.title-portfolio{width:100%;text-align:center}.contact-box-input span,.learn-more{color:var(--light)}.about-box{width:50%}.about-box .about-paragraph{text-align:justify}.learn-more{font-family:var(--body-font)}.code-box,.contact-box-input{width:100%;display:flex;justify-content:center}.border-box,.icons-contact,footer{align-items:center;display:flex}.section-portfolio{width:100%;background-color:var(--gray);display:flex;justify-content:center;align-items:center}.box-img .img-one,.box-img .img-three,.box-img .img-two{filter:grayscale(100%);cursor:pointer}.box-img .img-one:hover,.box-img .img-three:hover,.box-img .img-two:hover{filter:none}.contact-box{width:50%;display:flex;justify-content:center;align-items:center}.icons-contact p{font-family:var(--body-font)}.contact-box-row .input{position:relative;width:50%}.required::after{content:" *";color:var(--danger)}.contact-box-row .input label{position:relative;color:var(--light);font-family:var(--body-font);width:100%;color:var(--dark);font-family:var(--body-font)}.contact-box-row .input input{width:100%;color:var(--dark);font-family:var(--body-font);border-top:none;border-left:none;border-right:none}.contact-box-input textarea:focus,.contact-box-row .input input:focus{border-bottom:2px solid var(--danger);outline:0}.contact-box-input textarea{position:relative;width:100%;border-top:none;border-left:none;border-right:none;font-family:var(--body-font);resize:none}.contact-box-input label{position:relative;color:var(--dark);font-family:var(--body-font)}.contact-box-input button{position:relative;color:var(--light);font-family:var(--body-font)}footer{width:100%;justify-content:center}.footer-box{width:50%;display:flex;align-items:center;justify-content:center}.footer-box span:hover{color:var(--danger);transition:color .3s;cursor:pointer}@media only screen and (min-width:1366px){.about-box .about-paragraph,.button-hire,.learn-more,.nav-menu ul li a{font-size:var(--normal-font)}.download,.nav-menu{position:relative}.l-header{height:var(--header-height)}.nav-menu ul li{display:inline-block}.nav-menu ul li a{padding:10px 15px}.menu-toggle{display:none}.background-profile{justify-content:right}.button-hire{padding:15px 20px}.box-banner,.box-container-contact,.box-img-portfolio,.box.container-about,.code-box,.icons-contact{flex-direction:row}.description-profile h1{font-size:4.5rem}.description-profile p{font-size:1.8rem}.description-profile .download-cv{max-width:220px;font-size:var(--normal-font);padding:20px 50px;margin:20px 0}.title-about,.title-contact,.title-portfolio{padding:0 0 50px}.title-about h2,.title-contact h2,.title-portfolio h2{font-size:2.2rem}.box-about,.box-contact,.box-portfolio{padding:100px 0;flex-direction:column}.about-box h2{font-weight:500;font-size:1.8rem}.about-box span{font-weight:800}.about-code{margin:20px 0}.about-box .about-paragraph{padding:40px 0;line-height:25px}.learn-more{padding:15px 30px}.border-box{width:200px;margin:0 25px;border-bottom:1px dotted var(--dark)}.code .border-box span{padding:0 5px;font-size:1.05rem;font-weight:100}.code .border-box p{font-size:var(--normal-font);padding:10px 0}.box-img{width:400px;height:500px;margin:0 50px;background-color:#000}.box-img .img-one{height:1400px}.box-img .img-two{height:1000px}.box-img .img-three{height:1200px}.download{top:50px}.contact-box,.contact-box-input,.title-box-row{flex-direction:column}.icons-contact span{font-size:2.1rem;padding:10px 0;color:var(--danger)}.icons-contact p{font-size:1.3rem}.contact-box h2{font-size:4rem}.alert-message,.error-message,.success-message{margin-bottom:15px}.contact-box-row{gap:20px;flex-wrap:wrap;margin-bottom:20px}.required::after{font-size:1.2rem}.contact-box-row .input{flex:1;flex-direction:column}.contact-box-input textarea,.contact-box-row .input input{padding:10px;margin-top:5px;border-bottom:solid 2px var(--dark)}.contact-box-input label,.input label{margin-bottom:5px}.contact-box-input button{max-width:200px;padding:20px 10px;margin:10px 0}.footer-box{padding:50px 0}.footer-box span{margin:0 20px;font-size:2rem}}@media only screen and (max-width:1365px){.about-box .about-paragraph,.button-hire,.learn-more,.nav-menu ul li a{font-size:var(--normal-font)}.download,.nav-menu{position:relative}.l-header{height:var(--header-height)}.nav-menu ul li{display:inline-block}.nav-menu ul li a{padding:10px 15px}.menu-toggle{display:none}.background-profile{justify-content:right}.button-hire{padding:15px 20px}.box-banner,.box-container-contact,.box-img-portfolio,.box.container-about,.code-box,.icons-contact{flex-direction:row}.description-profile h1{font-size:4.5rem}.description-profile p{font-size:1.8rem}.description-profile .download-cv{max-width:220px;font-size:var(--normal-font);padding:20px 50px;margin:20px 0}.title-about,.title-contact,.title-portfolio{padding:0 0 50px}.title-about h2,.title-contact h2,.title-portfolio h2{font-size:2.2rem}.box-about,.box-contact,.box-portfolio{padding:100px 0;flex-direction:column}.about-box h2{font-weight:500;font-size:1.8rem}.about-box span{font-weight:800}.about-code{margin:20px 0}.about-box .about-paragraph{padding:40px 0;line-height:25px}.learn-more{padding:15px 30px}.border-box{width:200px;margin:0 25px;border-bottom:1px dotted var(--dark)}.code .border-box span{padding:0 5px;font-size:1.05rem;font-weight:100}.code .border-box p{font-size:var(--normal-font);padding:10px 0}.box-img{width:400px;height:500px;margin:0 50px}.box-img .img-one{width:100%;height:1400px}.box-img .img-two{width:100%;height:1000px}.box-img .img-three{width:100%;height:1200px}.download{top:50px}.contact-box,.contact-box-input,.title-box-row{flex-direction:column}.icons-contact span{font-size:2.1rem;padding:10px 0;color:var(--danger)}.icons-contact p{font-size:1.3rem}.contact-box h2{font-size:4rem}.alert-message,.error-message,.success-message{margin-bottom:15px}.contact-box-row{gap:20px;flex-wrap:wrap;margin-bottom:20px}.required::after{font-size:1.2rem}.contact-box-row .input{flex:1;flex-direction:column}.contact-box-input textarea,.contact-box-row .input input{padding:10px;margin-top:5px}.contact-box-input label,.input label{margin-bottom:5px}.contact-box-input button{max-width:200px;padding:20px 10px;margin:10px 0}.footer-box{padding:50px 0}.footer-box span{margin:0 20px;font-size:2rem}}@media only screen and (max-width:1024px){.description-profile h1{font-size:3.4rem}.description-profile p{font-size:1.5rem}.profile{height:80%}.profile img{height:100%}}@media only screen and (max-width:950px){.nav-menu ul{position:fixed;width:100%;max-height:0;top:var(--header-height);left:0;background-color:var(--light);text-align:center;box-shadow:0 4px 4px rgba(0,0,0,.1);transition:.45s ease-out;overflow:hidden}.nav-menu ul.active{max-height:100vh}.nav-menu ul li{margin:1rem;display:block}.nav-menu ul li a{margin:1.1rem}.menu-toggle{display:block}.box-banner{width:100%;flex-direction:column;padding:100px 0}.about-box,.container-portfolio{padding:0 20px}.box-container{width:100%;height:50%;align-items:center}.description-profile{width:100%;height:50%;padding:0 20px}.description-profile h1{font-size:3rem}.description-profile p{font-size:var(--medium-font)}.description-profile .download-cv{max-width:150px;padding:10px 15px}.background-profile{width:100%;height:70%;justify-content:center;bottom:0}.box-container-about,.box-container-contact,.box-img-portfolio,.code-box{flex-direction:column}.background-profile img,.code,.contact-box,.contact-box-input{width:100%}.profile{position:absolute;height:50%;bottom:0;z-index:100}.about-box{width:100%}.code-box{width:100%}.border-box,.contact-box-row .input{width:100%;margin:0}.box-img{margin:20px 0}.download{top:0}.contact-box h2{font-size:5rem}.contact-box-row-one,.form-contact{width:80%}.contact-box-row{width:100%;margin-top:20px;flex-direction:column}.contact-box-input textarea{margin:0}}@media only screen and (max-width:768px){.background-profile{width:100%;height:70%;justify-content:center;bottom:0}.background-profile img{width:100%}.profile{height:50%}.profile img{height:100%}.contact-box h2{font-size:4rem}}@media only screen and (max-width:600px){.background-profile{width:100%;height:60%;justify-content:center;bottom:0}.background-profile img{width:100%}.description-profile h1{font-size:2rem}.description-profile p{font-size:var(--medium-font)}.description-profile .download-cv{max-width:150px;padding:10px 15px}.contact-box h2{font-size:3rem}}@media only screen and (max-width:480px){.logo{width:150px}.background-profile{width:100%;height:50%;justify-content:center;bottom:0}.background-profile img{width:100%}.profile{height:40%}}