@import"https://fonts.googleapis.com/css2?family=Days+One&family=Poppins:wght@400;500;700&display=swap";.selected-page{position:relative;text-decoration:none;background-color:var(--primary);transition:color .7s ease-in-out;border-radius:5px;padding:1rem;gap:1rem;display:flex;align-items:center}.selected-page>:nth-child(1){transition:color .5s ease-in-out;min-width:24px;width:24px;height:24px;padding-left:.2rem;color:var(--sidebar-background)}.selected-page .text{color:var(--sidebar-background)}.list-element{position:relative;color:var(--text);text-decoration:none;transition:all .5s ease-in-out;font-weight:400;cursor:pointer;border-radius:5px;font-size:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;background-color:var(--secondary)}.list-element>:nth-child(1){min-width:24px;width:24px;height:24px;padding-left:.2rem}.list-element:hover{color:var(--sidebar-background);background-color:var(--primary)}.list-element:hover .text{color:var(--sidebar-background)}@media only screen and (max-width: 1060px){.navbar-section-closed{left:-90px!important}}.navbar-section{position:fixed;top:0;left:0;height:100%;width:250px;background-color:var(--sidebar-background);padding:10px 14px;-webkit-user-select:none;user-select:none;transition:.5s ease-in-out;z-index:100}.navbar-section-closed{position:fixed;top:0;left:0;height:100%;width:60px;background-color:var(--sidebar-background);padding:10px 14px;-webkit-user-select:none;user-select:none;transition:.5s ease-in-out;z-index:100}.navbar-section-closed .text{opacity:0;visibility:hidden;transition:opacity .1s ease-in-out,visibility .1s ease-in-out}.navbar-header{position:relative;display:flex;align-items:center;color:var(--text)}.text{font-weight:400;font-size:1rem;color:var(--text);opacity:1;transition:opacity .5s ease-in-out .3s,color .5s ease-in-out;white-space:nowrap}.navbar-logo{background-color:var(--primary);width:fit-content;padding:.5rem;border-radius:6px}.logo-text{font-family:Days One,sans-serif;font-size:2rem;color:var(--sidebar-background);transition:.5s ease-in-out}.navbar-description{display:flex;flex-direction:column;font-weight:500;font-size:1rem;padding-left:16px;color:var(--text)}.profession{font-weight:400;margin-top:-5px}.navbar-toggle{height:24px;width:24px;position:absolute;top:30%;right:-45px;background-color:var(--primary);border-radius:50%;color:var(--sidebar-background);cursor:pointer;transition:all .5s ease-in-out}.navbar-toggle-reverse{height:24px;width:24px;position:absolute;top:30%;right:-45px;background-color:var(--primary);border-radius:50%;color:var(--sidebar-background);cursor:pointer;transform:rotateY(180deg);transition:all .5s ease-in-out}.navbar-elements{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 125px);padding-top:3rem}.elements-links{display:flex;flex-direction:column;gap:2rem}.theme-button{position:relative;text-decoration:none;color:var(--text);background-color:var(--secondary);transition:color .7s ease-in-out;font-weight:400;border-radius:5px;font-size:1rem;padding:1rem;gap:1rem;display:flex;align-items:center}.moon-sun-icon{display:flex;width:24px;height:24px;padding-left:.2rem;align-items:center}.moon-sun-icon.light>.sun{opacity:0}.moon-sun-icon.light>.moon{opacity:1}.moon-sun-icon.dark>.moon{opacity:0}.moon-sun-icon.dark>.sun{opacity:1}.icon{position:absolute;width:24px;height:24px}.toggle-mode-switch{height:100%;min-width:60px;display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;right:0}.toggle-mode-switch input{opacity:0;width:0;height:0}.switch{position:absolute;height:22px;width:44px;border-radius:25px;background-color:var(--primary)}.switch:before{content:"";position:absolute;height:14px;width:14px;border-radius:50%;top:4px;left:5px;background-color:var(--sidebar-background);transition:.5s}input:checked+.switch:before{transform:translate(21px)}@media only screen and (max-width: 1060px){.about-section{padding-top:4rem!important;padding-bottom:4rem!important}.profile-img-text{flex-direction:column!important}.profile-text{padding-left:0!important;padding-top:2rem!important}.profile-img-container{display:flex}.profile-text>:nth-child(2){font-size:2.8rem!important}.profile-text>:nth-child(3){font-size:1.5rem!important}.profile-buttons{gap:.5rem!important}.btn{width:110px!important}.about-me{flex-direction:column;align-items:center!important;justify-content:center!important}.about-me-img-desc,.exp-edu-text{flex-direction:column!important}.about-me-desc{max-width:300px!important}.img-desc-right{padding-top:4rem!important;padding-left:0!important}.rounded-text{display:none!important}}.about{display:flex;justify-content:center;transition:.5s ease-in-out;-webkit-user-select:none;user-select:none}.about-section{display:flex;flex-direction:column;padding-top:12rem;padding-bottom:12rem;width:80%;justify-content:center;align-items:center}.profile-img-text{display:flex;justify-content:center;align-items:center;padding-bottom:20rem}.profile-img-container{overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-img-container>img{width:100%;height:auto;max-width:480px;object-fit:cover}.profile-text{display:flex;flex-direction:column;padding-left:6rem;text-align:center}.writing-text>:nth-child(1){font-size:1.1rem;transition:color .5s ease-in-out;color:var(--text)}.profile-text-elements{display:flex;flex-direction:column;text-align:center}.profile-text-elements>:nth-child(1){font-size:3rem;transition:.5s ease-in-out;color:var(--sidebar-background);text-shadow:4px 2px 0px #18191a}.profile-text-elements>:nth-child(2){font-size:1.75rem;transition:.5s ease-in-out;color:var(--text)}.profile-button-elements{display:flex;flex-direction:column}.profile-buttons{display:flex;gap:1rem;padding-top:1.5rem}.btn{border:none;background-color:var(--primary);color:var(--sidebar-background);padding:1rem;border-radius:30px;cursor:pointer;transition:.5s ease-in-out;font-weight:400;font-size:1rem;font-family:Poppins,sans-serif;width:120px;text-decoration:none}.btn:hover{background-color:var(--secondary);color:var(--text)}.profile-links{display:flex;justify-content:center;padding-top:1rem;gap:1rem}.link{transition:.5s ease-in-out;color:var(--text)}.link:hover{color:var(--primary)}.about-me{display:flex;flex-direction:column;align-items:center}.about-me-text{display:flex;flex-direction:column;text-align:center;padding-bottom:2rem}.about-me-text>:nth-child(1){font-size:1.2rem;transition:color .5s ease-in-out;color:var(--text)}.about-me-text>:nth-child(2){font-size:3rem;transition:color .5s ease-in-out;color:var(--sidebar-background);text-shadow:4px 2px 0px #18191a}.about-me-img-desc{display:flex;justify-content:center;align-items:center}.circle-text-img{position:relative}.img-desc-left{display:flex;z-index:0;border-radius:50%;overflow:hidden;position:relative}.rounded-text{position:absolute;display:flex;z-index:5;left:-2.5rem;top:-2.5rem;width:calc(100% + 5rem);height:calc(100% + 5rem);text-transform:uppercase;font-family:Poppins,sans-serif;fill:var(--text)}@keyframes rotating{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.rotating{animation:rotating 18s linear infinite}.img-desc-left>img{width:100%;height:auto;max-width:380px;object-fit:cover;border-radius:20px}.img-desc-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:4rem}.exp-edu-text{display:flex;gap:2rem}.exp-edu-text>div{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;width:100%;max-width:calc(250px - 4rem);padding:2rem;color:var(--text);text-align:center;font-size:1rem;transition:.5s ease-in-out;z-index:10}.experience-container{position:relative}.loader{position:absolute;width:210px;aspect-ratio:1;border:3px solid;animation:l1 5s infinite;transition:border .5s ease-in-out}@keyframes l1{0%{border-radius:50% 50% 0 0;border-color:var(--cube1)}25%{border-radius:0 50% 50% 0;border-color:var(--cube3)}50%{border-radius:0 0 50% 50%;border-color:var(--cube2)}75%{border-radius:50% 0 0 50%;border-color:var(--sidebar-background)}to{border-radius:50% 50% 0 0;border-color:var(--cube1)}}.education-container{position:relative}.loader1{position:absolute;width:210px;aspect-ratio:1;border:3px solid;animation:l2 5s infinite;transition:border .5s ease-in-out}@keyframes l2{0%{border-radius:0 0 50% 50%;border-color:var(--cube1)}25%{border-radius:50% 0 0 50%;border-color:var(--cube3)}50%{border-radius:50% 50% 0 0;border-color:var(--cube2)}75%{border-radius:0 50% 50% 0;border-color:var(--sidebar-background)}to{border-radius:0 0 50% 50%;border-color:var(--cube1)}}.experience-container>:nth-child(2){font-size:1.1rem;padding-bottom:.5rem}.experience-icon{width:32px;height:32px;transition:.5s ease-in-out;color:var(--text)}.education-container>:nth-child(2){font-size:1.1rem;padding-bottom:.5rem}.education-container>:nth-child(5){font-size:.9rem}.education-icon{color:var(--text);transition:.5s ease-in-out;width:32px;height:32px}.about-me-desc{display:flex;flex-wrap:wrap;max-width:700px;padding-top:2rem;color:var(--text);gap:.3rem}.about-me-desc>span{display:flex}@media only screen and (max-width: 1060px){.experience-section{padding-bottom:4rem!important;padding-top:4rem!important}.experience-elements{flex-direction:column!important}.skills{display:flex!important;flex-direction:column!important;align-items:start!important;margin-left:calc(50% - 4.5rem)!important;min-width:180px!important}.frontend-container,.backend-container{padding:2rem!important}.other-container{padding:2rem 6rem!important}}.experience{display:flex;justify-content:center;transition:.5s ease-in-out}.experience-section{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;transition:.5s ease-in-out;padding-bottom:12rem;padding-top:12rem;width:80%}.experience-text{display:flex;flex-direction:column;text-align:center;padding-bottom:2rem}.experience-text>:nth-child(1){font-size:1.1rem;transition:color .5s ease-in-out;color:var(--text)}.experience-text>:nth-child(2){font-size:3rem;transition:color .5s ease-in-out;color:var(--sidebar-background);text-shadow:4px 2px 0px #18191a}.experience-elements{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem;padding-bottom:4rem}.experience-elements>div{display:flex;flex-direction:column;border-radius:20px;transition:.5s ease-in-out;text-align:center;min-height:280px}.frontend-container,.backend-container{position:relative;padding:4rem}.other-container{position:relative;padding:4rem;display:flex;flex-direction:column;border-radius:20px;transition:.5s ease-in-out;min-height:280px}.other-container>span{text-align:center;font-size:1.75rem;transition:.5s ease-in-out;color:var(--text);padding-bottom:2rem}.experience-elements>div>span{font-size:1.75rem;transition:.5s ease-in-out;color:var(--text);padding-bottom:2rem}.experience-container-bg{position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;display:grid;--c: var(--cube1) 25%, var(--cube3) 0 50%, var(--sidebar-background) 0 75%, var(--cube1) 0}.experience-container-bg:before{content:"";background:linear-gradient(90deg,var(--c)),linear-gradient(-90deg,var(--c));background-size:400% 52%;background-repeat:no-repeat;animation:l13 6s infinite;border-top-right-radius:20px;border-top-left-radius:20px}.experience-container-bg:after{content:"";background:linear-gradient(90deg,var(--c)),linear-gradient(-90deg,var(--c));background-size:400% 52%;background-repeat:no-repeat;animation:l13 6s infinite;border-bottom-right-radius:20px;border-bottom-left-radius:20px}@keyframes l13{0%{background-position:100% 0,0% 100%}23%,33%{background-position:calc(2 * 100% / 3) 0,calc(1 * 100% / 3) 100%}56%,66%{background-position:calc(1 * 100% / 3) 0,calc(2 * 100% / 3) 100%}90%,to{background-position:0% 0,100% 100%}}.skills{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem;grid-row-gap:2rem;align-items:center;justify-content:center;min-width:calc(590px - 8rem);min-height:calc(470px - 12rem)}.skill{display:flex;align-items:center;gap:1rem;color:var(--text);transition:.5s ease-in-out}.skill-level{display:flex;flex-direction:column;align-items:start}.skill-level>:nth-child(2){font-size:.8rem}@media only screen and (max-width: 1060px){.projects-elements{display:flex!important;flex-direction:column!important}.projects-section{padding-bottom:4rem!important;padding-top:4rem!important}.project-buttons{flex-direction:column!important}.project-btn{width:40%!important}}.projects{display:flex;justify-content:center;transition:.5s ease-in-out}.projects-section{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:.5s ease-in-out;padding-bottom:12rem;padding-top:12rem;width:80%}.projects-text{display:flex;flex-direction:column;text-align:center;padding-bottom:2rem}.projects-text>:nth-child(1){font-size:1.1rem;transition:color .5s ease-in-out;color:var(--text)}.projects-text>:nth-child(2){font-size:3rem;transition:color .5s ease-in-out;color:var(--sidebar-background);text-shadow:4px 2px 0px #18191a}.projects-elements{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2rem;grid-row-gap:2rem;justify-content:center;align-items:center;color:var(--text);transition:color .5s ease-in-out}.projects-elements>:last-child{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3}.single-project{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.5s ease-in-out;border-radius:20px;padding:2rem;gap:1rem;position:relative}.single-project-bg{position:absolute;z-index:-1;width:100%;height:100%;border-radius:20px;background-repeat:no-repeat;animation:l3 8s infinite}.single-project-bg.c0{background:linear-gradient(45deg,var(--cube1) 50%,#0000 0),linear-gradient(-45deg,var(--cube2) 50%,#0000 0),linear-gradient(45deg,#0000 50%,#89b2f0 0),linear-gradient(-45deg,#0000 50%,var(--cube3) 0),var(--cube1);background-size:200% 200%}.single-project-bg.c1{background:linear-gradient(45deg,var(--cube1) 50%,#0000 0),linear-gradient(-45deg,#a3cfa5 50%,#0000 0),linear-gradient(45deg,#0000 50%,var(--sidebar-background) 0),linear-gradient(-45deg,#0000 50%,var(--cube3) 0),var(--cube1);background-size:200% 200%}.single-project-bg.c2{background-repeat:no-repeat;background:linear-gradient(45deg,#fcd44e 50%,#0000 0),linear-gradient(-45deg,var(--cube2) 50%,#0000 0),linear-gradient(45deg,#0000 50%,var(--sidebar-background) 0),linear-gradient(-45deg,#0000 50%,var(--cube3) 0),#fcd44e;background-size:200% 200%}.single-project-bg.c3{background-repeat:no-repeat;background:linear-gradient(45deg,var(--cube1) 50%,#0000 0),linear-gradient(-45deg,#daed4a 50%,#0000 0),linear-gradient(45deg,#0000 50%,var(--sidebar-background) 0),linear-gradient(-45deg,#0000 50%,var(--cube3) 0),var(--cube1);background-size:200% 200%}@keyframes l3{0%{background-position:100% 0,0 0,0 100%,100% 100%}15%,25%{background-position:100% 0,0 0,0 100%,0 0}40%,50%{background-position:100% 0,0 0,100% 0,0 0}65%,75%{background-position:100% 0,100% 100%,100% 0,0 0}90%,to{background-position:0 100%,100% 100%,100% 0,0 0}}.project-title{font-size:1.75rem;transition:.5s ease-in-out;word-break:break-all;text-align:center}.single-project-img{display:flex;align-items:center;max-width:320px;width:100%;height:auto;overflow:hidden;position:relative}.single-project-img:hover .project-desc{height:100%;opacity:1;visibility:visible;transition:.5s ease-in-out}.single-project-img:hover .project-desc>div{opacity:1;visibility:visible;transition:.5s ease-in-out .5s}.single-project-img>img{width:100%;height:auto;object-fit:cover;border-radius:20px}.project-desc{position:absolute;background-color:#1b1b1b80;width:inherit;height:0;align-items:center;justify-content:center;border-radius:20px;color:#e4e9f7;visibility:hidden;opacity:0}.project-desc>div{width:inherit;height:100%;display:flex;visibility:hidden;opacity:0;align-items:center;justify-content:center}.project-buttons{display:flex;gap:1rem;width:100%;height:auto;align-items:center;justify-content:center}.project-btn{border:none;background-color:var(--primary);color:var(--sidebar-background);padding:1rem;border-radius:30px;cursor:pointer;transition:.5s ease-in-out;font-weight:400;font-size:1rem;width:80%;font-family:Poppins,sans-serif;text-decoration:none;display:flex;justify-content:center}.project-btn:hover{background-color:var(--secondary);color:var(--text)}@media only screen and (max-width: 1060px){.contact-elements{flex-direction:column-reverse!important}.animated-text{font-size:2.5rem!important;min-height:250px!important;max-width:300px!important;padding-bottom:2rem!important}.word1{top:0!important;left:0!important}.word2{top:30px!important;left:60px!important}.word3{top:20px!important;left:130px!important}.word4{top:100px!important;left:20px!important}.arrow{top:200px!important;transform:rotate(90deg)!important}.form{align-items:center!important}.form-input,.form-input-message{width:50%!important}.form-error{padding-left:0!important}}.contact{display:flex;justify-content:center;transition:.5s ease-in-out}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:.5s ease-in-out;padding-bottom:4rem;padding-top:12rem;width:80%}.contact-text{display:flex;flex-direction:column;text-align:center;padding-bottom:2rem}.contact-text>:nth-child(1){font-size:1.1rem;transition:color .5s ease-in-out;color:var(--text)}.contact-text>:nth-child(2){font-size:3rem;transition:color .5s ease-in-out;color:var(--sidebar-background);text-shadow:4px 2px 0px #18191a}.contact-elements{display:flex;justify-content:center;align-items:center}.contact-form{display:flex;flex-basis:50%;justify-content:center;align-items:center}.form-content{display:flex;flex-direction:column;gap:1rem;color:var(--text)}.form{display:flex;flex-direction:column;align-items:start;gap:.7rem;height:100%}.form-input{font-size:1rem;display:flex;background-color:var(--secondary);border:none;font-family:Poppins,sans-serif;color:var(--text);height:3rem;border-radius:30px;padding-left:2rem;padding-right:2rem;width:50%;transition:.5s ease-in-out;border:2px solid var(--text)}.form-input::placeholder{font-size:1rem;color:var(--text)}.form-input:focus{outline:none}.form-input-message{font-size:1rem;background-color:var(--secondary);border:none;font-family:Poppins,sans-serif;color:var(--text);height:10rem;border-radius:30px;padding:2rem;width:50%;transition:.5s ease-in-out;resize:none;border:2px solid var(--text)}.form-input-message::placeholder{font-size:1rem;font-family:Poppins,sans-serif;text-align:start;color:var(--text)}.form-input-message:focus{outline:none}.form-error{font-size:.9rem;margin-top:0;margin-bottom:0;padding-left:1rem;color:var(--primary)}.form-button{border:none;background-color:var(--primary);color:var(--sidebar-background);padding:1rem;border-radius:30px;cursor:pointer;transition:.5s ease-in-out;font-weight:400;font-size:1rem;font-family:Poppins,sans-serif;width:120px;text-decoration:none}.form-button:hover{background-color:var(--secondary);color:var(--text)}.animated-text{font-size:3rem;min-width:250px;position:relative}.word1{position:absolute;left:0;top:-150px;color:var(--text)}.word2{position:absolute;left:70px;top:-120px;color:var(--primary)}.word3{position:absolute;left:155px;top:-110px;color:var(--text)}.word4{position:absolute;left:0;top:-35px;color:var(--text)}.arrow{position:absolute;left:90px;top:50px;width:80px;height:40px;display:grid;overflow:hidden}.arrow:before,.arrow:after{content:"";grid-area:1/1;background:var(--primary);clip-path:polygon(0 10px,calc(100% - 30px) 10px,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,calc(100% - 30px) calc(100% - 10px),0 calc(100% - 10px));animation:l10 1s infinite;transform:translate(calc(0% + var(--v, 0%)))}.arrow:after{--v: -100%}@keyframes l10{80%,to{transform:translate(calc(100% + var(--v, 0%)))}}@media only screen and (max-width: 1060px){.box{display:none!important}}.footer{display:flex;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:2rem;color:var(--text);-webkit-user-select:none;user-select:none;transition:.5s ease-in-out}.footer-section{display:flex;align-items:center;justify-content:center;width:80%;gap:1rem;text-align:center}.box{--s: 25px;--_d: calc(.353 * var(--s));width:calc(var(--s) + var(--_d));aspect-ratio:1;display:flex}.box:before,.box:after{content:"";flex:1;clip-path:polygon(var(--_d) 0,100% 0,100% calc(100% - var(--_d)),calc(100% - var(--_d)) 100%,0 100%,0 var(--_d));background:conic-gradient(from -90deg at calc(100% - var(--_d)) var(--_d),#695cfe 135deg,#5d51dd 0 270deg,#695cfe 0);animation:l5 3s infinite}.box:before{margin-right:calc(var(--_d) / -2 - 1px)}.box:after{margin-left:calc(var(--_d) / -2 - 1px);animation-delay:1.5s}@keyframes l5{0%{transform:translateY(0)}16.67%{transform:translateY(-10px)}33.33%{transform:translateY(10px)}50%,to{transform:translateY(0)}}[data-theme=light]{--text: #707070;--background: #e4e9f7;--sidebar-background: #fff;--primary: #695cfe;--secondary: #f6f5ff;--cube1: #e2e2e2;--cube2: #b1b0ae;--cube3: #c3c3c3;--text-shadow: #18191a}[data-theme=dark]{--text: #ccc;--background: #18191a;--primary: #695cfe;--secondary: #3a3b3c;--sidebar-background: #242526;--cube1: #1d1d1d;--cube2: #4e4f51;--cube3: #3c3c3c;--text-shadow: #e4e9f7}.App{display:flex;flex-direction:column;gap:6rem;overflow:hidden}::-webkit-scrollbar{width:10px;background-color:var(--background);-webkit-transition:.1s ease-in-out}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}body,html{font-family:Poppins,sans-serif;font-weight:400;height:100%;margin:0;--s: 800px;--c1: var(--cube1);--c2: var(--cube2);--c3: var(--cube3);background:repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 180deg) calc(.5 * var(--s)) calc(.5 * var(--s) * .577),repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 180deg);background-size:var(--s) calc(var(--s) * .577)}