@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.color-selector-content-mobile,.color-selector-content{width:190px;display:flex;align-items:center;justify-content:space-between}.color-selector-button-mobile,.color-selector-button{width:2em;height:2em;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1em}.color-selector-button-mobile:nth-child(1),.color-selector-button:nth-child(1){background-color:#56d364}.color-selector-button-mobile:nth-child(2),.color-selector-button:nth-child(2){background-color:#48b1f3}.color-selector-button-mobile:nth-child(3),.color-selector-button:nth-child(3){background-color:#e367a4}.color-selector-button-mobile:nth-child(4),.color-selector-button:nth-child(4){background-color:#f4a261}.color-selector-dark{color:#000}.color-selector-light{color:#ededed}@media (min-width: 1024px){.color-selector-content{height:40px}.color-selector-button{width:2rem;height:2rem;font-size:1.4rem;transition:1s}.color-selector-button:hover{transform:scale(1.3)}}.navbar-link-mobile,.navbar-link{font-size:16px;font-weight:500;transition:.3s}.navbar-link-mobile:nth-of-type(1){font-size:25px}.navbar-link-active.green-color,.navbar-link:hover.green-color{color:#56d364}.navbar-link-active.blue-color,.navbar-link:hover.blue-color{color:#48b1f3}.navbar-link-active.pink-color,.navbar-link:hover.pink-color{color:#e367a4}.navbar-link-active.orange-color,.navbar-link:hover.orange-color{color:#f4a261}@media (min-width: 1024px){.navbar-link{font-size:1.1rem;margin-left:4rem;text-decoration:none}.navbar-link:nth-of-type(1){font-size:2.5rem;margin-left:0}}.theme-box-mobile{width:100%;height:10vh;position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:5;transition:.3s}.theme-box-mobile.dark-toggle{border-bottom:solid 1px #ededed;background:#000000}.theme-box-mobile.light-toggle{border-bottom:solid 1px #000000;background:#ededed}.theme-box-mobile:before,.theme-box:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;animation:showContent 1s ease forwards;animation-delay:.5s;z-index:2}.theme-box-mobile.dark-toggle:before,.theme-box.dark-toggle:before{background:#000000}.theme-box-mobile.light-toggle:before,.theme-box.light-toggle:before{background:#ededed}.toggle-button-mobile,.theme-button-mobile{display:flex;align-items:center;justify-content:center;width:1em;height:1em;background-color:transparent;border:none;font-size:30px}.theme-button.green-color{border:solid 3px #56d364}.theme-button.blue-color{border:solid 3px #48b1f3}.theme-button.pink-color{border:solid 3px #e367a4}.theme-button.orange-color{border:solid 3px #f4a261}.toggle-button-mobile.dark-toggle,.theme-button-mobile.dark-toggle,.toggle-button.dark-toggle,.theme-button.dark-toggle{color:#ededed}.toggle-button-mobile.light-toggle,.theme-button-mobile.light-toggle,.toggle-button.light-toggle,.theme-button.light-toggle{color:#000}.navbar-mobile{width:100%;height:10vh;position:fixed;bottom:0;display:flex;align-items:center;justify-content:space-around;padding:0 5%;transition:.3s;z-index:5}.navbar-mobile.dark-navbar{background:#000000;border-top:solid 1px #ededed}.navbar-mobile.light-navbar{background:#ededed;border-top:solid 1px #000000}@media (min-width: 1024px){.header{width:100%;position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;background:transparent;padding:2rem 10%}.header .theme-box{position:relative;display:flex;justify-content:space-between;width:100px;height:40px}.header .toggle-button{position:relative;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;font-size:1.5rem}.header .theme-button{position:relative;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%;font-size:1.4rem}.header .toggle-button:hover,.header .theme-button:hover{transition:.3s}.header .toggle-button:hover.green-color,.header .theme-button:hover.green-color{color:#56d364}.header .toggle-button:hover.blue-color,.header .theme-button:hover.blue-color{color:#48b1f3}.header .toggle-button:hover.pink-color,.header .theme-button:hover.pink-color{color:#e367a4}.header .toggle-button:hover.orange-color,.header .theme-button:hover.orange-color{color:#f4a261}.header .navbar{display:flex;align-items:center}}.button-box-element{position:relative;display:flex;justify-content:center;align-items:center;width:150px;height:100%;border-radius:8px;font-size:19px;text-decoration:none;font-weight:600;letter-spacing:1px;z-index:1;overflow:hidden;transition:.5s}.button-box-element.green-color{border:2px solid #56d364}.button-box-element.blue-color{border:2px solid #48b1f3}.button-box-element.pink-color{border:2px solid #e367a4}.button-box-element.orange-color{border:2px solid #f4a261}.button-box-element:nth-child(1){transition:.3s}.button-box-element:nth-child(1).green-color{background:#56d364}.button-box-element:nth-child(1).blue-color{background:#48b1f3}.button-box-element:nth-child(1).pink-color{background:#e367a4}.button-box-element:nth-child(1).orange-color{background:#f4a261}.button-box-element.dark-button:nth-child(1){color:#000}.button-box-element.light-button:nth-child(1){color:#ededed}.button-box-element:nth-child(1):hover.green-color{color:#56d364}.button-box-element:nth-child(1):hover.blue-color{color:#48b1f3}.button-box-element:nth-child(1):hover.pink-color{color:#e367a4}.button-box-element:nth-child(1):hover.orange-color{color:#f4a261}.button-box-element.dark-button:nth-child(1):before{background:#000000}.button-box-element.light-button:nth-child(1):before{background:#ededed}.button-box-element:nth-child(2){background:transparent}.button-box-element:nth-child(2).green-color{color:#56d364}.button-box-element:nth-child(2).blue-color{color:#48b1f3}.button-box-element:nth-child(2).pink-color{color:#e367a4}.button-box-element:nth-child(2).orange-color{color:#f4a261}.button-box-element.dark-button:nth-child(2):hover{color:#000}.button-box-element.light-button:nth-child(2):hover{color:#ededed}.button-box-element:nth-child(2).green-color:before{background:#56d364}.button-box-element:nth-child(2).blue-color:before{background:#48b1f3}.button-box-element:nth-child(2).pink-color:before{background:#e367a4}.button-box-element:nth-child(2).orange-color:before{background:#f4a261}.button-box-element:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;z-index:-1;transition:.5s}.button-box-element:hover:before{width:100%}.link-box-element{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border-radius:50%;font-size:20px;text-decoration:none;z-index:1;overflow:hidden;transition:.5s}.link-box-element.green-color{border:2px solid #56d364;color:#56d364}.link-box-element.blue-color{border:2px solid #48b1f3;color:#48b1f3}.link-box-element.pink-color{border:2px solid #e367a4;color:#e367a4}.link-box-element.orange-color{border:2px solid #f4a261;color:#f4a261}.link-box-element.dark-link:hover{color:#000}.link-box-element.light-link:hover{color:#ededed}.link-box-element:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;z-index:-1;transition:.5s}.link-box-element.green-color:before{background:#56d364}.link-box-element.blue-color:before{background:#48b1f3}.link-box-element.pink-color:before{background:#e367a4}.link-box-element.orange-color:before{background:#f4a261}.link-box-element:hover:before{width:100%}.home{padding:5%;display:flex;align-items:center;flex-direction:column}.home-main-title{position:relative;font-weight:700;line-height:1.5;font-size:45px}.home-main-title:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;animation:showContent 1s ease forwards;animation-delay:1s}.home-main-title.dark-home:before{background:#000000}.home-main-title.light-home:before{background:#ededed}.home-secondary-title{position:relative;font-size:25px;padding:30px 0;font-weight:700}.home-secondary-title.green-color{color:#56d364}.home-secondary-title.blue-color{color:#48b1f3}.home-secondary-title.pink-color{color:#e367a4}.home-secondary-title.orange-color{color:#f4a261}.home-secondary-title:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;animation:showContent 1s ease forwards;animation-delay:1.3s}.home-secondary-title.dark-home:before{background:#000000}.home-secondary-title.light-home:before{background:#ededed}.home-description{position:relative;font-size:18px;line-height:1.5}.home-description:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;animation:showContent 1s ease forwards;animation-delay:1.6s}.home-description.dark-home:before{background:#000000}.home-description.light-home:before{background:#ededed}.button-box{position:relative;display:flex;align-items:center;justify-content:space-around;width:100%;height:50px;margin:60px 0}.button-box:before{content:"";position:absolute;right:0;width:100%;height:calc(100% + 2px);top:-1px;animation:showContent 1s ease forwards;animation-delay:1.9s;z-index:2}.button-box.dark-home:before{background:#000000}.button-box.light-home:before{background:#ededed}.link-box{position:relative;width:100%;display:flex;justify-content:space-evenly}.link-box:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;animation:showContent 1s ease forwards;animation-delay:2.5s;z-index:2}.link-box.dark-home:before{background:#000000}.link-box.light-home:before{background:#ededed}@media (min-width: 1024px){.home{height:100vh;padding:0 10%;flex-direction:row}.home-content{max-width:700px}.home-main-title{font-size:56px}.home-secondary-title{font-size:32px;padding:0}.home-secondary-title:before{height:115%}.home-description{margin:20px 0 40px}.button-box{justify-content:space-between;width:345px;margin:0}.button-box:before{height:100%;top:0}.link-box{position:absolute;width:170px;justify-content:space-between;bottom:40px}}@keyframes showContent{to{width:0}}.about-content{padding:10% 5% 5%}.about-left-box{height:310px;width:310px;border-radius:50%;margin:auto;overflow:hidden}.about-left-box.green-color{box-shadow:0 0 12px 8px #56d364}.about-left-box.blue-color{box-shadow:0 0 12px 8px #48b1f3}.about-left-box.pink-color{box-shadow:0 0 12px 8px #e367a4}.about-left-box.orange-color{box-shadow:0 0 12px 8px #f4a261}.about-left-box .about-picture{width:100%;height:100%;object-fit:fill}.about-main-title{text-align:center;font-size:38px;font-weight:600;padding:2.5rem 2rem 2rem}.about-secondary-title{text-align:center;font-size:25px;font-weight:500;padding:0 1rem 1rem}.about-text{font-size:17px;padding:1rem 1rem 0;line-height:1.3}.about-title-span.green-color,.about-text-span.green-color{color:#56d364}.about-title-span.blue-color,.about-text-span.blue-color{color:#48b1f3}.about-title-span.pink-color,.about-text-span.pink-color{color:#e367a4}.about-title-span.orange-color,.about-text-span.orange-color{color:#f4a261}.about-text-span{font-weight:500}@media (min-width: 1024px){.about-content{height:100vh;padding:72px 0 0;display:flex;justify-content:center;align-items:center}.about-left-box{height:550px;width:400px;border-radius:90px;margin:0 100px 0 0}.about-left-box.green-color{box-shadow:0 0 15px 10px #56d364}.about-left-box.blue-color{box-shadow:0 0 15px 10px #48b1f3}.about-left-box.pink-color{box-shadow:0 0 15px 10px #e367a4}.about-left-box.orange-color{box-shadow:0 0 15px 10px #f4a261}.about-right-box{height:500px;width:650px;padding:1rem;display:flex;flex-direction:column;justify-content:center}.about-main-title{font-size:40px;padding:1rem}.about-secondary-title{font-size:27px;padding:1rem}.about-text{font-size:18px;padding:1rem}}.portfolio-container{width:100%;height:80vh;display:flex;justify-content:center;align-items:center;text-align:center}.portfolio-container h1{font-size:2rem;color:#ff9800;background-color:#222;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000004d}.portfolio-content{width:100%;height:80vh;display:flex;align-items:center;justify-content:center}.portfolio-card-container{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly}@media (min-width: 1024px){.portfolio-content{padding-top:72px;height:100vh}.portfolio-card-container{height:450px;align-items:unset;flex-direction:row;justify-content:start;flex-wrap:nowrap}}.contact-label{visibility:hidden}.contact-input{padding:5px;width:100%;border:none;background-color:transparent;font-size:1rem;font-family:Poppins,sans-serif;transition:.3s}.contact-input.dark-input{color:#ededed;border-bottom:solid 1px #ededed}.contact-input.light-input{color:#000;border-bottom:solid 1px #000000}.contact-input:focus.green-color{border-bottom:solid 1px #56d364}.contact-input:focus.blue-color{border-bottom:solid 1px #48b1f3}.contact-input:focus.pink-color{border-bottom:solid 1px #e367a4}.contact-input:focus.orange-color{border-bottom:solid 1px #f4a261}.contact-input::placeholder{font-style:italic}.dark-input::placeholder{color:#ededed}.light-input::placeholder{color:#000}@media (min-width: 1024px){.contact-input{width:215px}}.contact-textarea{height:15vh;width:80%;border:none;background-color:transparent;resize:none;font-size:1rem;font-family:Poppins,sans-serif;transition:.3s}.contact-textarea.dark-textarea{color:#ededed;border-bottom:solid 1px #ededed}.contact-textarea.light-textarea{color:#000;border-bottom:solid 1px #000000}.contact-textarea:focus{outline:none}.contact-textarea:focus.green-color{border-bottom:solid 1px #56d364}.contact-textarea:focus.blue-color{border-bottom:solid 1px #48b1f3}.contact-textarea:focus.pink-color{border-bottom:solid 1px #e367a4}.contact-textarea:focus.orange-color{border-bottom:solid 1px #f4a261}.contact-textarea::placeholder{font-style:italic}.dark-textarea::placeholder{color:#ededed}.light-textarea::placeholder{color:#000}@media (min-width: 1024px){.contact-textarea{height:100px;width:450px;padding:0 10px}}.contact-submit{background-color:transparent;border:none;font-size:40px;transition:.3s;padding:0}.contact-submit.green-color{color:#56d364}.contact-submit.blue-color{color:#48b1f3}.contact-submit.pink-color{color:#e367a4}.contact-submit.orange-color{color:#f4a261}@media (min-width: 1024px){.contact-submit{font-size:45px;padding:2rem 0 0}}.contact-form-submitted{height:100%;padding:10%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;border-radius:20px}.contact-form-submitted.green-color{box-shadow:0 0 8px 4px #56d364}.contact-form-submitted.blue-color{box-shadow:0 0 8px 4px #48b1f3}.contact-form-submitted.pink-color{box-shadow:0 0 8px 4px #e367a4}.contact-form-submitted.orange-color{box-shadow:0 0 8px 4px #f4a261}.contact-form-submitted-title{text-align:center;font-size:32px;font-weight:600}.contact-form-submitted-span.green-color{color:#56d364}.contact-form-submitted-span.blue-color{color:#48b1f3}.contact-form-submitted-span.pink-color{color:#e367a4}.contact-form-submitted-span.orange-color{color:#f4a261}.contact-form-submitted-text{text-align:center;font-size:17px;line-height:1.2}.contact-form-submitted-mail-span.green-color{border-bottom:solid 2px #56d364}.contact-form-submitted-mail-span.blue-color{border-bottom:solid 2px #48b1f3}.contact-form-submitted-mail-span.pink-color{border-bottom:solid 2px #e367a4}.contact-form-submitted-mail-span.orange-color{border-bottom:solid 2px #f4a261}.contact-form-submitted-button{border:none;background-color:transparent;font-size:20px;font-weight:600;transition:.3s}.contact-form-submitted-button.dark-submitted-button{color:#ededed}.contact-form-submitted-button.light-submitted-button{color:#000}@media (min-width: 1024px){.contact-form-submitted{padding:8rem;width:750px;height:500px;justify-content:center;border-radius:10px}.contact-form-submitted.green-color{border:solid 1px #56d364;box-shadow:0 0 10px 5px #56d364}.contact-form-submitted.blue-color{border:solid 1px #48b1f3;box-shadow:0 0 10px 5px #48b1f3}.contact-form-submitted.pink-color{border:solid 1px #e367a4;box-shadow:0 0 10px 5px #e367a4}.contact-form-submitted.orange-color{border:solid 1px #f4a261;box-shadow:0 0 10px 5px #f4a261}.contact-form-submitted-text{margin:50px}.contact-form-submitted-mail-span.green-color{border-bottom:solid 3px #56d364}.contact-form-submitted-mail-span.blue-color{border-bottom:solid 3px #48b1f3}.contact-form-submitted-mail-span.pink-color{border-bottom:solid 3px #e367a4}.contact-form-submitted-mail-span.orange-color{border-bottom:solid 3px #f4a261}.contact-form-submitted-button{font-size:16px}.contact-form-submitted-button:hover.green-color,.contact-form-submitted-button:focus.green-color{border-left:solid 3px #56d364;border-right:solid 3px #56d364}.contact-form-submitted-button:hover.blue-color,.contact-form-submitted-button:focus.blue-color{border-left:solid 3px #48b1f3;border-right:solid 3px #48b1f3}.contact-form-submitted-button:hover.pink-color,.contact-form-submitted-button:focus.pink-color{border-left:solid 3px #e367a4;border-right:solid 3px #e367a4}.contact-form-submitted-button:hover.orange-color,.contact-form-submitted-button:focus.orange-color{border-left:solid 3px #f4a261;border-right:solid 3px #f4a261}}.contact-content{height:80vh;padding:10%}.contact-form{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:20px}.contact-form.green-color{box-shadow:0 0 8px 4px #56d364}.contact-form.blue-color{box-shadow:0 0 8px 4px #48b1f3}.contact-form.pink-color{box-shadow:0 0 8px 4px #e367a4}.contact-form.orange-color{box-shadow:0 0 8px 4px #f4a261}.contact-title{font-size:32px;font-weight:600}.contact-title-span.green-color{color:#56d364}.contact-title-span.blue-color{color:#48b1f3}.contact-title-span.pink-color{color:#e367a4}.contact-title-span.orange-color{color:#f4a261}.input-box{width:70%}.label-input-box{height:25%;width:100%;margin:5px 0}@media (min-width: 1024px){.contact-content{width:100%;height:100vh;padding:72px 0 0;display:flex;align-items:center;justify-content:center}.contact-form{padding:3rem;width:750px;height:500px;justify-content:center;border-radius:10px}.contact-form.green-color{border:solid 1px #56d364;box-shadow:0 0 10px 5px #56d364}.contact-form.blue-color{border:solid 1px #48b1f3;box-shadow:0 0 10px 5px #48b1f3}.contact-form.pink-color{border:solid 1px #e367a4;box-shadow:0 0 10px 5px #e367a4}.contact-form.orange-color{border:solid 1px #f4a261;box-shadow:0 0 10px 5px #f4a261}.input-box{margin:25px 0;height:150px;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.label-input-box{height:50px;width:250px;margin:0}}.error{height:80vh;display:flex;align-items:center;justify-content:center}.error-span{position:relative;display:flex;justify-content:space-between;width:200px}.error-span:after,.error-span:before{content:"";display:inline-block;width:48px;height:48px;background-repeat:no-repeat;border-radius:50%;animation:eye 10s infinite,blink 10s infinite;background-color:#ededed;background-image:radial-gradient(circle 14px,#000000 100%,transparent 0)}.dark-error:after,.dark-error:before{border:1px solid #ededed}.light-error:after,.light-error:before{border:1px solid #000000}@keyframes eye{0%,10%{background-position:0 0}13%,40%{background-position:-15px 0px}43%,70%{background-position:15px 0px}73%,90%{background-position:0 15px}93%,to{background-position:0 0}}@keyframes blink{0%,10%,12%,20%,22%,40%,42%,60%,62%,70%,72%,90%,92%,98%,to{height:48px}11%,21%,41%,61%,71%,91%,99%{height:13px}}@media (min-width: 1024px){.error{height:100vh}}.app{max-width:100vw;min-height:100vh;transition:.3s;padding:10vh 0}.dark-mode{background-color:#000;color:#ededed}.light-mode{background-color:#ededed;color:#000}@media (min-width: 1024px){.app{padding:0}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}label,button{cursor:pointer}input,button{outline:0}body{font-family:Poppins,sans-serif;overflow-x:hidden}@media (min-width: 1024px){body{overflow-y:hidden}}