:root{--main-bg:#131515;--primary-color:#2b2c28;--secondary-color:#004ba8;--accent-color:#00a7e1;--text-color:#fff;--icon-color:#fff;--header-height:8vh;--main-font:"Nunito",sans-serif}.lightmode{--main-bg:#f5f7f8;--primary-color:#d6cfc7;--secondary-color:#1565c0;--accent-color:#0093c4;--text-color:#1a1a1a}.App{background:#131515;background:var(--main-bg);text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif;font-family:var(--main-font);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2b2c28;background:var(--primary-color)}::-webkit-scrollbar-thumb{background:#00a7e1;background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#004ba8;background:var(--secondary-color)}@media (max-width:768px){.container{flex-direction:column}}header{background-color:var(--main-bg);border-bottom:.05em solid var(--secondary-color);display:flex;flex-direction:row;height:var(--header-height);justify-content:space-between;position:fixed;top:0;width:100%;z-index:2000}nav{width:35%}nav,nav ul{align-items:center;display:flex;height:100%}nav ul{-webkit-padding-start:0;justify-content:space-between;list-style:none;margin-right:20px;padding-inline-start:0;width:100%}nav ul li{border-radius:10px}nav ul li a{color:var(--text-color);font-size:1.5em;font-weight:700}nav ul li a:hover{color:var(--accent-color)}@media (max-width:1300px){.logo{display:none;padding:0}nav{width:100%}nav ul{margin:0 10px}nav ul li{margin:0}}.light-mode-toggle{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:10px;padding-block:0;padding-inline:0;width:55px}.light-mode-toggle svg{fill:var(--text-color);height:30px;width:30px}@media (max-width:1300px){.light-mode-toggle{border:2px solid var(--secondary-color);bottom:10px;position:fixed;right:10px;z-index:1000}.light-mode-toggle svg{height:25px;width:25px}}.main-container{align-items:center;display:flex;flex-direction:column;margin-top:var(--header-height);padding-top:50px}.main-one,.main-two{align-content:center;flex:1 1;max-width:60%;min-width:300px}@media (max-width:768px){.main-container{align-items:center;gap:0;padding-top:20px}.main-one,.main-two{height:auto;max-width:95%}.dev-mode-container{display:none}}.profile-header{display:flex;flex-direction:row;gap:2em;justify-content:center}.profile-picture{border:2px solid var(--accent-color);border-radius:50%;height:190px;transition:transform .3s ease-in-out}.profile-header h1{color:var(--text-color);font-size:2em;margin:0}.profile-header h2{color:var(--text-color);font-size:1.6em;margin:0}.fa-location-dot,.fa-profile-brands{color:var(--accent-color)}.fa-profile-brands:hover{color:var(--text-color)}.fa-profile-brands{font-size:40px;margin:.5em .5em 0;transition:transform .2s ease-in-out}.fa-profile-brands:hover{transform:scale(1.2)}.profile-header h3{color:var(--text-color);font-size:1.2em;margin:0}.speaking-languages{display:flex;justify-content:space-evenly;margin-top:.8em}.speaking-languages p{color:var(--accent-color)}@media (max-width:768px){.profile-header{gap:5px}.profile-picture{height:120px}.name-location{display:flex;flex-direction:column;justify-content:center}.name-location h1{font-size:1.2em}.name-location h2{font-size:1em}.name-location h3{font-size:.8em}.fa-profile-brands{height:30px}.speaking-languages{margin-top:0}.speaking-languages p{font-size:.8em}}.about-me{display:flex;justify-content:center;margin-top:2em}.about-me p{color:var(--text-color);font-size:1.1em;line-height:1.6;width:80%}.about-me p strong{color:var(--accent-color);font-weight:700}@media (max-width:768px){.about-me p{width:95%}}.techstack-container{margin-top:20px;text-align:center}.techstack-container h2{color:var(--text-color)}.techstack-wrapper{align-items:center;border-radius:20px;display:flex;flex-direction:column}.techstack-selector{gap:20px;margin:20px 0}.tech-item,.techstack-selector{display:flex;justify-content:center}.tech-item{align-items:center;background:var(--accent-color);border-radius:10px;cursor:pointer;height:100px;transition:.3s;width:100px}.tech-item i{color:var(--icon-color);font-size:70px}.tech-item img{height:70px}.tech-item-small.active,.tech-item-small:hover,.tech-item.active,.tech-item:hover{background:var(--text-color)}.tech-item-small.active i,.tech-item-small:hover i,.tech-item.active i,.tech-item:hover i{color:var(--accent-color)}.tech-item-small.active,.tech-item.active{transform:scale(1.1)}.techstack-frameworks{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.tech-item-small{align-items:center;background:var(--accent-color);border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:center;transition:.3s;width:50px}.tech-item-small i{color:var(--icon-color);font-size:30px}.tech-item-small img{height:30px}.tech-description{background:var(--primary-color);border-radius:8px;display:inline-block;margin:0 20px;opacity:0;padding:15px;transition:opacity .3s ease,transform .3s ease;width:720px}.tech-description p{color:var(--text-color);margin:10px}.tech-description p a{color:var(--accent-color);text-decoration:none}.tech-description.show{opacity:1}@media screen and (max-width:768px){.techstack-wrapper{width:100%}.techstack-selector{gap:18px}.tech-description{width:90%}.techstack-frameworks{gap:10px}.tech-item{height:15vw;width:15vw}.tech-item i{font-size:11vw}.tech-item img{height:11vw}.tech-item-small{aspect-ratio:1/1;height:auto;width:14%}.tech-item-small i{font-size:8vw}.tech-item-small img{height:8vw}}.dev-mode-container{bottom:20px;position:fixed;right:20px;z-index:1000}.dev-mode-button{background-color:var(--accent-color);border-radius:10px;font-size:1.5em;font-weight:700;height:60px;transition:transform .2s ease-in-out;width:250px}.dev-mode-button:hover{background-color:var(--text-color);transform:scale(1.1)}.dev-mode-button a{align-items:center;color:var(--icon-color);display:flex;height:100%;justify-content:center;width:100%}.dev-mode-button a:hover{color:var(--accent-color)}.main-two h2{color:var(--text-color);font-size:1.8em;margin-bottom:1em}.timeline{margin:10px auto;max-width:1000px;position:relative}.timeline-item{padding:5px;position:relative;width:50%}.timeline-item.left{left:0}.timeline-item.right{left:calc(50% + 10px)}.timeline-item img{background-color:var(--icon-color);border-radius:50%;padding:1px;position:absolute;right:-21px;top:30%;width:40px;z-index:10}.timeline-item.right img{left:-21px}.timeline:after{background:var(--secondary-color);border-radius:3px;content:"";height:100%;left:calc(50% + 10px);margin-left:-3px;position:absolute;top:0;width:6px;z-index:1}.text-box{background:var(--primary-color);border-radius:6px;color:var(--text-color);display:flex;flex-direction:column;font-size:15px;position:relative;text-align:left}.timeline-item.left .text-box{padding:0 30px 0 20px}.timeline-item.right .text-box{padding:0 20px 0 30px}.text-box h3{margin:10px 0 0}.text-box small{color:var(--accent-color)}.text-box p{margin:0 0 10px}@media (max-width:1300px){.timeline-item.left,.timeline-item.right{left:calc(5% + 5px)}.timeline:after{left:5%}.timeline-item img,.timeline-item.right img{left:-26px}.timeline-item{padding:5px;width:90%}.timeline-item.left .text-box,.timeline-item.right .text-box{padding:10px 10px 10px 20px}}.projects-container{height:calc(100vh - var(--header-height));justify-content:center;margin-top:var(--header-height)}.projects,.projects-container{align-items:center;display:flex}.projects{height:100%;justify-content:space-evenly;width:100%}.project-group a{align-items:center;background:var(--primary-color);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:300px;justify-content:space-between;text-align:center;width:240px}.fa-calculator{color:var(--accent-color);font-size:180px;margin-top:20px}.logo-project{height:180px;margin-top:20px;object-fit:contain}.project-group p{color:var(--text-color);font-size:1.5em;font-weight:700;margin-bottom:20px}.project-group a:hover{box-shadow:0 0 20px 5px var(--accent-color);scale:1.1}@media (max-width:768px){.project-group a{height:30vh;justify-content:space-around;width:50vw}.fa-calculator{font-size:140px}.logo-project{height:140px}}.tools-container{height:calc(100vh - var(--header-height));justify-content:center;margin-top:var(--header-height)}.tools,.tools-container{align-items:center;display:flex}.tools{height:100%;justify-content:space-evenly;width:100%}.tool-group a{align-items:center;background:var(--primary-color);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:300px;justify-content:space-between;text-align:center;width:240px}.fa-chart-line,.fa-file-code{color:var(--accent-color);font-size:180px;margin-top:20px}.logo-tool{height:180px;margin-top:20px;max-width:90%;object-fit:contain}.tool-group p{color:var(--text-color);font-size:1.5em;font-weight:700;margin-bottom:20px}.tool-group a:hover{box-shadow:0 0 20px 5px var(--accent-color);scale:1.1}@media (max-width:768px){.tools{flex-wrap:wrap;height:80%}.tool-group a{height:34vh;justify-content:space-around;width:40vw}.fa-chart-line,.fa-file-code{font-size:130px}.tool-group p{font-size:1.2em}}.contact-container{display:flex;height:calc(100vh - var(--header-height));justify-content:center;margin-top:var(--header-height)}.socials{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.fa-contact-brands{color:var(--accent-color);font-size:30vh;transition:transform .2s ease-in-out}.fa-contact-brands:hover{transform:scale(1.1)}.popup{background-color:var(--accent-color);border:1px solid var(--secondary-color);border-radius:5px;bottom:10vh;color:var(---main-bg);font-size:1.2em;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}@media (max-width:768px){.socials{align-content:space-evenly;flex-direction:column;height:100%}.fa-contact-brands{font-size:20vh}.socials a{height:20vh}}.calculator_container{align-items:center;display:flex;height:92vh;justify-content:center;margin-top:var(--header-height)}.calculator{background:var(--primary-color);border-radius:20px;display:flex;flex-direction:column;height:50vh;width:15vw}.result-input{height:15%;margin-top:4%}.result-input input{border-radius:10px;color:var(--text-color);font-size:1.5em;height:100%;text-align:right;width:90%}.buttons{display:grid;grid-template-columns:repeat(4,1fr);height:100%;margin:10px;place-items:center}.buttons:last-child{grid-column:1/-1}.calculator-button{background-color:var(--secondary-color);border:none;border-radius:10px;font-size:2em;height:90%;width:90%}.calculator-button:hover{background-color:var(--accent-color)}.cursed-container{background-color:var(--text-color);border-radius:10px;bottom:0;font-size:1.2em;margin-bottom:6vh;padding:20px;position:fixed}.cursed-container input{margin-right:20px}.cursed-box{background-color:var(--text-color)}@media (max-width:768px){.calculator{height:60vh;margin-bottom:10vh;width:80vw}}.pretty_container{align-items:center;display:flex;height:92vh;justify-content:center;margin-top:var(--header-height)}.json-tool-container{display:flex;flex-direction:row;gap:1em;height:80vh;justify-content:center;padding:1em;width:80vw}.json-input,.json-output{background-color:var(--primary-color);border:1px solid var(--accent-color);border-radius:5px;color:var(--text-color);font-family:monospace;font-size:1em;height:100%;padding:1em;resize:none;width:40%}.json-input:focus,.json-output:focus{border-color:var(--accent-color);outline:none}.button-group{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center}.button-group button{background-color:var(--primary-color);border:none;border-radius:5px;color:var(--text-color);cursor:pointer;font-size:1em;font-weight:700;padding:.5em 1em}.button-group button:hover{color:var(--accent-color)}.button-group button:active{background-color:var(--secondary-color);color:var(--text-color)}@media (max-width:768px){.json-tool-container{align-items:center;flex-direction:column}.json-input,.json-output{width:95%}.button-group{flex-direction:row}}.devmode-container{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:space-evenly}.terminal{background-color:var(--primary-color);border-radius:5px;color:var(--text-color);font-family:monospace;font-size:1.3em;height:90%;padding:10px;text-align:left;width:70%}.history-line{margin-bottom:5px}.prompt{color:var(--accent-color)}.output-text{color:var(--text-color)}.current-command{margin-bottom:5px}.typed-command{color:var(--text-color)}.hidden-input{left:0;opacity:0;pointer-events:none;position:absolute;top:0}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.current-command-cursor{animation:blink .8s step-start infinite;color:var(--text-color);font-weight:700}.terminal{overflow-y:auto;scrollbar-color:#555 #222;scrollbar-width:thin}.terminal::-webkit-scrollbar{width:8px}.terminal::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.terminal::-webkit-scrollbar-track{background-color:#222}@media (max-width:768px){.legend,.terminal{width:90%}.legend{margin-top:20px}}.legend{border-radius:5px;color:var(--text-color);font-size:1em;height:90%;margin-left:1%;overflow-y:auto;padding:10px}.legend ul{list-style:none;padding:0}.legend li{margin-bottom:20px}.legend strong{color:var(--accent-color);font-family:monospace;font-size:1.2em}.return-link-container{margin:10px 10px 50px}.return-link{background:var(--accent-color);border-radius:5px;color:var(--text-color);font-size:1.3em;font-weight:700;padding:10px}.return-link:hover{background:var(--text-color);color:var(--accent-color)}.plotter-container{display:flex;height:92vh;justify-content:space-evenly;margin-top:8vh}.plotter-left-side,.plotter-right-side{align-items:center;display:flex;flex-direction:column;justify-content:center;width:45vw}.plotter-header{color:var(--text-color);font-size:2rem}.data-input-area,.settings-input-area{border-radius:10px;color:var(--text-color);display:flex;flex-direction:column;font-size:1rem;gap:20px;margin-bottom:10px;padding:15px;width:100%}.data-input-textarea{background-color:var(--primary-color);border:1px solid var(--accent-color);border-radius:5px;color:var(--text-color);padding:10px;resize:vertical;width:95%}.json-input-field-buttons{display:flex;gap:10px;justify-content:space-around}.json-input-field-buttons button{background-color:var(--primary-color);border:none;border-radius:5px;color:var(--text-color);font-size:1rem;padding:8px 16px}.json-input-field-buttons button:hover{color:var(--accent-color)}.json-input-field-buttons button:active{background-color:var(--secondary-color);color:var(--text-color)}.select-input{align-self:flex-end;background-color:var(--primary-color);border:1px solid var(--accent-color);border-radius:5px;color:var(--text-color);padding:8px;width:80%}.checkbox-color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.checkbox-color-row{align-items:center;background:var(--primary-color);border-radius:5px;color:var(--text-color);display:flex;gap:10px;padding:5px}.checkbox-color-row input[type=checkbox]{accent-color:var(--secondary-color)}.checkbox-color-row input[type=color]{background:#0000;border:none;cursor:pointer;height:30px;width:40px}.form-controls label{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.form-controls .stacked-bar-label{gap:20px;justify-content:flex-start}.form-controls input[type=checkbox],.form-controls select{cursor:pointer}.input-title{align-self:flex-end;background-color:var(--primary-color);border:1px solid var(--accent-color);border-radius:5px;color:var(--text-color);margin-bottom:10px;padding:8px;width:80%;z-index:5}.form-controls .last-title-setting{margin-bottom:0}@media (max-width:768px){.plotter-container{align-items:center;flex-direction:column;width:100%}.checkbox-color-grid{grid-template-columns:1fr}.settings-input-area{margin-bottom:20px}.plotter-left-side,.plotter-right-side{width:90vw}}.thebestseller-container{align-items:center;display:flex;flex-direction:column;margin-top:var(--header-height)}.thebestseller-container h1{color:var(--text-color)}.thebestseller-row{align-items:center;background-color:var(--primary-color);border:1px solid var(--accent-color);border-radius:20px;display:flex;flex-direction:row;gap:50px;justify-content:center;margin-top:50px;padding:20px;width:80%}.thebestseller-row p{color:var(--text-color)}.thebestseller-row p strong{color:var(--accent-color)}.image-thebestseller{border-radius:10px;max-width:40%}@media (max-width:768px){.thebestseller-row{flex-direction:column;width:80%}.image-thebestseller{max-width:100%}}.diceImage{border-radius:8px;margin:5%;max-width:40%}.dice-container{align-items:center;background-color:var(--primary-color);border:1px solid var(--accent-color);border-radius:8px;display:flex;flex-direction:column;margin:20px;padding:20px;width:250px;z-index:1000}.dice-wrapper{display:flex;justify-content:space-around;width:90%}.diceButton{background-color:var(--primary-color);border:3px solid var(--secondary-color);border-radius:5px;color:var(--text-color);cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:24px;letter-spacing:1px;outline:none;padding:15px}.diceButton:hover{scale:1.1}.shake{animation:shake .5s infinite}@keyframes shake{0%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}