:root{--color-1: #051F2E;--color-2: #0A3142;--color-3: #66B2A5;--color-3-transparent: #66B2A54D;--color-4: #E8A877;--color-5: #1A8069;--color-6: #5C7CFA;--color-7: #E6F2F0;--color-8: #106d57}#root{display:flex;align-items:center;justify-content:center;overflow:hidden}body{margin:0;padding:0;width:100%;height:100vh;overflow-y:auto;box-sizing:border-box;background-color:var(--color-1)}.main-container{background-color:var(--color-2);width:calc(100% - 3.75rem);height:calc(100vh - 3.75rem);padding:0;margin:1.875rem;overflow:hidden;box-sizing:border-box;border:.00625rem solid var(--color-3-transparent);border-radius:.5rem;display:grid;grid-template-rows:1fr 18fr 1fr}.header-container{display:flex;flex-shrink:0;border-bottom:.00625rem solid var(--color-3-transparent)}.nav-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 6fr 1fr;align-items:center;justify-content:center;width:100%}.nav-link{display:flex;justify-content:center;align-items:center;text-align:center;height:100%;text-decoration:none;color:var(--color-3);padding:0 .625rem;font-family:Fira Code,serif;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal}.nav-link.active{border-bottom:.125rem solid var(--color-4)}.nav-container>:nth-child(1){justify-content:left;border-right:.00625rem solid var(--color-3-transparent)}.nav-container>:nth-child(2){justify-content:center;border-right:.00625rem solid var(--color-3-transparent)}.nav-container>:nth-child(3){justify-content:center;border-right:.00625rem solid var(--color-3-transparent)}.nav-container>:nth-child(4){justify-content:center;border-right:.00625rem solid var(--color-3-transparent)}.nav-container>:nth-child(6){justify-content:center;border-left:.00625rem solid var(--color-3-transparent)}.footer-container{border-top:.00625rem solid var(--color-3-transparent);display:flex}.nav-container-footer{display:grid;grid-template-columns:1fr .1fr .1fr 8.6fr 1.4fr;align-items:center;justify-content:center;width:100%}.nav-link-footer{display:flex;justify-content:center;align-items:center;text-align:center;height:100%;text-decoration:none;color:var(--color-3);padding:0 .625rem;font-family:Fira Code,serif;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal}.nav-container-footer>:nth-child(1){justify-content:left;border-right:.00625rem solid var(--color-3-transparent)}.nav-container-footer>:nth-child(2){justify-content:center;border-right:.00625rem solid var(--color-3-transparent)}.nav-container-footer>:nth-child(3){justify-content:center;border-right:.00625rem solid var(--color-3-transparent)}.nav-container-footer>:nth-child(5){justify-content:center;border-left:.00625rem solid var(--color-3-transparent)}.linkedin-icon,.facebook-icon{width:1.5625rem;height:auto}.github-icon{width:.9375rem;height:auto;margin-left:.25rem}.mobile-nav-container{display:none}.hamburger-navigation-icon{width:2rem;height:auto}.name-container{color:var(--color-3);font-size:1.2rem;font-weight:100}.mobile-nav-links{display:none}.mobile-nav-container-footer{display:none;display:flex;width:100%;padding:1rem;box-sizing:border-box;align-items:center;border-top:.00625rem solid var(--color-3-transparent);background-color:var(--color-2)}.mobile-nav-container-footer .nav-link-footer:first-child{color:var(--color-3);font-family:Fira Code,serif;font-size:small;margin-right:1rem}.mobile-nav-container-footer .social-icons{display:flex;gap:1rem;align-items:center}@media screen and (max-width: 768px){.header-container{display:flex;flex-direction:column;position:relative;height:auto;min-height:3rem;border:none;background-color:transparent}.footer-container,.nav-container{display:none}.mobile-nav-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:1rem;box-sizing:border-box;background-color:var(--color-2);max-height:3rem}.mobile-nav-links{position:absolute;top:100%;left:0;right:0;background-color:var(--color-2);display:flex;flex-direction:column;z-index:1000;height:calc(100vh - 4.5rem);border:none;margin:0;padding:0}.mobile-nav-links-1{display:flex;flex-direction:column}.mobile-nav-links-1>:nth-child(1){border-top:.00625rem solid var(--color-3-transparent)}.mobile-nav-links-1 .nav-link{padding:1rem;justify-content:flex-start;border-bottom:.00625rem solid var(--color-3-transparent)}.mobile-nav-links-2{flex:1;min-height:0;margin:0;padding:0}.mobile-nav-container-footer{display:flex;width:100%;padding:1rem;box-sizing:border-box;align-items:center;background-color:transparent}.mobile-nav-container-footer .social-icons{display:flex;gap:1.5rem;margin-left:1rem}.mobile-nav-container-footer .linkedin-icon,.mobile-nav-container-footer .facebook-icon{width:2rem;height:auto}.mobile-nav-container-footer .github-icon{width:1.75rem;height:auto}.navigation-button{cursor:pointer;padding:.5rem;background:none;border:none}.name-container{font-family:Fira Code,serif;font-size:1rem;color:var(--color-3)}.hamburger-navigation-icon{width:2rem;height:auto}.footer-container{border-top:.00625rem solid var(--color-3-transparent)}.nav-container-footer{display:none}.mobile-nav-container-footer{display:flex;width:100%;box-sizing:border-box;align-items:center;max-height:3rem;min-height:3rem;padding:0;margin:0}.nav-link-footer-2{display:grid;grid-template-columns:5.2fr 2fr 2fr 2fr;align-items:center;justify-content:center;width:100%;padding:0;margin:0;height:100%;min-height:3rem}.mobile-navigation-links{border-right:.00625rem solid var(--color-3-transparent);display:flex;align-items:center;text-align:center;height:100%;text-decoration:none;color:var(--color-3);padding:0 .625rem;font-family:Fira Code,serif;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal}.nav-link-footer-2>:nth-child(1){justify-content:left}.nav-link-footer-2>:nth-child(2){justify-content:center}.nav-link-footer-2>:nth-child(3){justify-content:center}.nav-link-footer-2>:nth-child(4){justify-content:center;border-right:none}}.home-main-container{font-family:Fira Code,serif;display:flex;background-color:var(--color-1);color:#e2e8f0;padding:1rem}.left-home{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px}.greeting{font-size:1.2rem;color:var(--color-3);margin:0}.name{font-size:3rem;font-weight:100;color:var(--color-5);margin:10px 0}.role{font-size:1.5rem;color:var(--color-6);margin:10px 0}.comment{font-family:Fira Code,serif;color:var(--color-3);margin:5px 0}.code{font-family:Fira Code,serif;font-size:1rem;color:var(--color-7)}.link{color:var(--color-4)}.right-home{display:flex;flex:1;background:none;align-items:center;justify-content:center}@media screen and (max-width: 768px){.main-container{width:100%;margin:.5rem;background-color:#051f2e;border:.00625rem solid var(--color-3-transparent);height:calc(100vh - 1.5rem)}.home-main-container{flex-direction:column;padding:.5rem;height:100%;background:radial-gradient(circle at top,var(--color-8) 0%,var(--color-1) 50%)}.header-container{border-bottom:1px solid rgba(102,178,165,.3);background-color:#0a3142cc}.nav-container{display:none}.left-home{padding:3rem .5rem;align-items:center;justify-content:space-between}.greeting{font-size:1rem;color:#66b2a5;opacity:.8;margin-bottom:.5rem}.name{font-size:3rem;color:#66b2a5;margin:.25rem 0;font-weight:300}.role{font-size:1rem;color:#5c7cfa;margin:.5rem 0}.additional-info{margin-top:2rem}.comment{font-size:1rem;color:#66b2a5;opacity:.6;margin:.25rem 0}.code{font-size:1rem;color:#e6f2f0;margin:.25rem 0}.link{color:#e8a877}.footer-container,.right-home{display:none}}.snake-game-container{display:flex;align-items:center;justify-content:center;width:350px;height:400px}.game-wrapper{position:relative;width:100%;height:100%;background-color:#1e293b;border-radius:.5rem;padding:1rem}.game-board{position:relative;width:100%;height:250px;background-color:#0f172a;border-radius:.5rem;margin-bottom:.75rem;overflow:hidden}.game-over-screen,.success-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.end-message{color:var(--color-3);font-size:1.25rem;margin-bottom:.75rem;font-weight:500}.retry-button{padding:.5rem 1rem;color:var(--color-3);background-color:var(--color-2);transition:color .3s}.retry-button:hover{color:#67e8f9}.snake-segment{position:absolute;width:.9rem;height:.9rem;background-color:#22d3ee;border-radius:.125rem;box-shadow:0 0 15px #22d3ee80;transition:all .15s}.food{position:absolute;width:.6rem;height:.6rem;background-color:#22d3ee;border-radius:50%;box-shadow:0 0 15px #22d3ee80;transform:translate(50%,50%)}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.controls-text{color:#94a3b8;font-size:.75rem}.arrow-keys{display:flex;gap:.25rem}.arrow-key{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background-color:#334155;color:#94a3b8;border-radius:.25rem;font-size:.75rem}.arrow-key-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.food-counter-label{color:#94a3b8;font-size:.75rem;margin-bottom:.5rem}.food-dots{display:flex;gap:.25rem;margin-bottom:.75rem}.food-dot{width:.6rem;height:.6rem;border-radius:50%}.food-dot.active{background-color:#22d3ee;box-shadow:0 0 15px #22d3ee80}.food-dot.inactive{background-color:#334155}.game-buttons{display:flex;justify-content:space-between}.start-button{padding:.4rem .8rem;background-color:#fb923c;color:#0f172a;border-radius:.25rem;transition:background-color .3s;font-size:.75rem}.start-button:hover{background-color:#fdba74}.skip-button{padding:.4rem .8rem;background-color:#334155;color:#94a3b8;border-radius:.25rem;transition:background-color .3s;font-size:.75rem}.skip-button:hover{background-color:#475569}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.project-main-container{flex:1;display:grid;grid-template-rows:auto 1fr;background-color:var(--color-1);overflow:hidden;min-height:0}.top-project{border-bottom:.1px solid var(--color-3-transparent);display:grid;grid-template-columns:2fr 1.5fr 8.5fr;min-height:25px}.top-div-1{border-right:.1px solid var(--color-3-transparent);display:flex;justify-content:left;align-items:center;padding:0 10px;color:var(--color-3);font-family:Fira Code,serif;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal;gap:10px}.top-div-2{border-right:.1px solid var(--color-3-transparent);display:flex;align-items:center;justify-content:space-between;padding:0 10px}.bottom-project{display:grid;grid-template-columns:2fr 10fr;font-family:Fira Code,serif;overflow:hidden;min-height:0;height:100%}.bottom-div-1{border-right:.1px solid var(--color-3-transparent);height:100%}.bottom-div-2{border-right:.1px solid var(--color-3-transparent);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:20px 10px;gap:3rem;width:100%;overflow-y:scroll;height:100%;box-sizing:border-box}.bottom-div-2::-webkit-scrollbar{width:1rem}.bottom-div-2::-webkit-scrollbar-track{background:var(--color-1);border-left:.1px solid var(--color-3-transparent)}.bottom-div-2::-webkit-scrollbar-thumb{background:var(--color-3);border:none}.bottom-div-2::-webkit-scrollbar-thumb:hover{background:#ffffff80}.down-arrow-icon{width:10px;height:auto}.form-container{padding:10px}.field-container input[type=checkbox]{display:none}.field-container{display:flex;align-items:center;margin:10px 0;cursor:pointer}.field-container label{position:relative;padding-left:35px;cursor:pointer;color:var(--color-3);font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal}.field-container label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;border:.1px solid var(--color-3-transparent);border-radius:4px;background:var(--color-2);transition:all .2s ease}.field-container label:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%) scale(0);width:4px;height:8px;border:solid white;border-width:0 1px 1px 0;transform-origin:center;transform:translateY(-65%) rotate(45deg) scale(0);transition:all .2s ease}.field-container input[type=checkbox]:checked+label:before{background:var(--color-3-transparent);border-color:var(--color-3-transparent)}.field-container input[type=checkbox]:checked+label:after{transform:translateY(-65%) rotate(45deg) scale(1)}.field-container label:hover:before{border-color:#2d3748}.field-icon{width:15px;height:auto}.field-label{display:flex;gap:5px}.vertical-scroll{width:100%;height:5px;background-color:var(--color-3)}.tech-tags{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.tech-tag{color:var(--color-3);font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal;font-family:Fira Code,serif}.semicolon{color:var(--color-3);margin:0 4px}.cross-icon{width:15px;height:auto}.close-button{background:none;border:none;font-size:20px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.project-container{border:.1px solid var(--color-3-transparent);width:300px;height:440px;border-radius:10px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;flex:0 0 300px;display:grid;grid-template-rows:auto 1fr;background-color:#0f172a;overflow:hidden;min-height:0;color:var(--color-3);justify-content:center;padding:.4rem}.project-detail-container{overflow:auto;display:flex;flex-direction:column;margin:0;padding:0}.project-name-container{height:20px;display:flex;align-items:center;padding:5px 10px;margin:0;justify-content:center;padding-bottom:.5rem;font-size:.9rem;font-family:Fira Code,serif}.project-image{width:100%;height:300px;overflow:hidden;margin:0;display:flex;border-radius:.5rem}.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.details-container{align-items:center;justify-content:center;text-align:center}.details{font-size:.8rem;font-family:Fira Code,serif}.social-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;margin:0;gap:1rem}.github-social-icon{width:1.5rem;height:1.5rem}.linkedin-social-icon{width:2rem;height:2rem}.technologies-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.technology-tag{background-color:var(--color-3-transparent);padding:.2rem .5rem;border-radius:4px;font-size:.7rem;color:var(--color-3)}@media screen and (max-width: 768px){.project-main-container{grid-template-rows:auto 1fr;overflow-x:hidden}.top-project{grid-template-columns:1fr;grid-template-rows:auto auto auto}.top-div-1{border-right:none;border-bottom:.1px solid var(--color-3-transparent);padding:10px}.top-div-1.clickable{cursor:pointer}.down-arrow-icon{transition:transform .3s ease}.down-arrow-icon.rotated{transform:rotate(-180deg)}.top-div-2{border-right:none;border-bottom:none;padding:10px}.bottom-project{grid-template-columns:1fr;grid-template-rows:auto 1fr}.bottom-div-1{border-right:none;border-bottom:.1px solid var(--color-3-transparent);transition:max-height .3s ease-in-out,opacity .3s ease-in-out;max-height:0;opacity:0;overflow:hidden}.bottom-div-1.show{max-height:500px;opacity:1}.bottom-div-1.hide{max-height:0;opacity:0}.bottom-div-2{padding:15px 10px;gap:2rem;justify-content:center;border:none}.project-container{width:100%;max-width:350px;height:auto;min-height:440px;margin:0 auto}.tech-tags{flex-wrap:wrap;justify-content:center;padding:5px 0;border:none}.form-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:15px;border:none}.field-container{margin:5px 0}.field-container label{font-size:.8rem;padding-left:25px}.field-container label:before{width:12px;height:12px}.field-container label:after{left:4px;width:3px;height:6px}.project-image{height:200px}.details{font-size:.75rem;padding:10px}.technologies-container{padding:0 10px}.technology-tag{font-size:.65rem}.bottom-div-2::-webkit-scrollbar{display:none}}.contact-main-container{flex:1;display:grid;grid-template-rows:auto 1fr;background-color:var(--color-1);overflow:hidden;min-height:0}.top-contact{border-bottom:.1px solid var(--color-3-transparent);display:grid;grid-template-columns:2fr 1.5fr 8.5fr;min-height:25px}.bottom-contact{display:grid;grid-template-columns:2fr 4.5fr 5.5fr;font-family:Fira Code,serif;overflow:hidden;min-height:0;height:100%}.contact-top-div-1{border-right:.1px solid var(--color-3-transparent);display:flex;justify-content:left;align-items:center;padding:0 10px;color:var(--color-3);font-family:Fira Code,serif;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal;gap:10px}.contact-top-div-2{border-right:.1px solid var(--color-3-transparent)}.contact-bottom-div-1{border-right:.1px solid var(--color-3-transparent);display:grid;grid-template-rows:2fr 1fr 15fr}.contact-bottom-div-2{border-right:.1px solid var(--color-3-transparent);display:flex;align-items:center;justify-content:center;position:relative}.contact-bottom-div-3{border-right:.1px solid var(--color-3-transparent);overflow-y:scroll;height:100%;box-sizing:border-box}.contact-bottom-div-3::-webkit-scrollbar{width:1rem}.contact-bottom-div-3::-webkit-scrollbar-track{background:var(--color-1);border-left:.1px solid var(--color-3-transparent)}.contact-bottom-div-3::-webkit-scrollbar-thumb{background:var(--color-3);border:none}.contact-bottom-div-3::-webkit-scrollbar-thumb:hover{background:#ffffff80}.container-1{border-bottom:.1px solid var(--color-3-transparent);color:var(--color-3);font-family:Fira Code,serif;font-size:.6rem;font-optical-sizing:auto;font-weight:400;font-style:normal;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:.2rem}.container-2{border-bottom:.1px solid var(--color-3-transparent);display:flex;justify-content:left;align-items:center;padding:0 10px;color:var(--color-3);font-family:Fira Code,serif;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal;gap:10px}.email,.phone{display:flex;gap:8px}.container-3{display:flex;justify-content:left;padding:.2rem;color:var(--color-3);font-family:Fira Code,serif;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal;gap:10px}.external-link-icon{width:15px;height:15px}.container-3>span>a{text-decoration:none;color:var(--color-3)}.contact-form-container{width:100%;max-width:400px;padding:24px;background-color:transparent;color:#e5e7eb;border-radius:8px;position:fixed}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;color:#9ca3af;margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:8px;background-color:var(--color-1);border:1px solid var(--color-3-transparent);border-radius:4px;color:#e5e7eb;font-size:14px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-3)}.form-textarea{resize:none;min-height:100px}.submit-button{width:30%;padding:.25rem;background-color:var(--color-3-transparent);border:1px solid #1e3a5f;border-radius:4px;color:#e5e7eb;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background-color:#163459}.form-and-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%}.code-preview{position:relative;color:#fff;padding:1rem;border-radius:4px;overflow-x:auto;font-size:14px}.code-container{display:flex}.line-numbers{padding-right:1rem;text-align:right;border-right:1px solid #404040;margin-right:1rem;color:#6e7681}.line-number{line-height:1.5}.code-content{flex:1}.code-line{line-height:1.5}.keyword{color:#c792ea}.variable{color:#82aaff}.function{color:#ffcb6b}.string{color:#f78c6c}.punctuation{color:#fff}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:transparent;color:#e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;width:100%;height:100%;font-family:Fira Code,serif}.title-container{display:flex;align-items:center;margin-bottom:1rem}.title-container h2{font-size:1.25rem;margin-right:.5rem}.title-container span{font-size:1.25rem}.success-message{color:#9ca3af;text-align:center;font-size:.875rem;margin-bottom:1rem}.new-message-button{margin-top:1rem;padding:.5rem 1rem;background-color:var(--color-3-transparent);color:#d1d5db;border:none;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:background-color .2s;font-family:Fira Code,serif}.new-message-button:hover{background-color:#163459}.mobile-contact-container{display:none}@media screen and (max-width: 768px){.top-contact,.bottom-contact{display:none}.contact-main-container{display:flex;flex-direction:column;height:100%;flex:1;overflow:auto;padding-bottom:2rem}.mobile-contact-container{display:flex;flex-direction:column;padding:1rem;height:100%;overflow-y:auto;overflow-x:hidden;flex:1}.mobile-contact-container::-webkit-scrollbar{display:none}.container-header{align-self:flex-start;margin-bottom:1.5rem;font-size:.9rem;color:var(--color-3);font-family:Fira Code,serif}.dropdown-1,.dropdown-2{display:flex;align-items:center;width:100%;padding:.75rem;margin-bottom:.5rem;cursor:pointer;color:var(--color-3);background-color:transparent;border:1px solid var(--color-3-transparent);border-radius:4px;font-family:Fira Code,serif;transition:background-color .2s ease}.dropdown-1:hover,.dropdown-2:hover{background-color:var(--color-3-transparent)}.dropdown-1-content,.dropdown-2-content{display:none;padding:1rem;margin-bottom:1rem;border:1px solid var(--color-3-transparent);border-radius:4px;background-color:var(--color-1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-1-content .email,.dropdown-1-content .phone{display:flex;align-items:center;padding:.5rem;font-size:.9rem;color:var(--color-3)}.dropdown-2-content{display:none;padding:1rem;justify-content:center}.dropdown-2-content .container-3{display:flex;align-items:center;justify-content:center;width:100%}.down-arrow-icon{width:.75rem;height:.75rem;margin-right:.75rem;transition:transform .3s ease}.external-link-icon{width:1rem;height:1rem}.contact-form-container{margin-top:1.5rem;padding:0;width:100%;position:relative;justify-content:center}.contact-form-element{width:100%;display:flex;flex-direction:column;margin-bottom:15px}.contact-form-element input,.contact-form-element textarea{width:100%;padding:1rem;box-sizing:border-box}.submit-button{width:100%;max-width:200px;padding:.75rem;margin:1rem auto;font-size:.9rem}.code-preview{font-size:.8rem;padding:.75rem;margin-top:1.5rem;width:100%;box-sizing:border-box}.line-numbers{padding-right:.75rem;margin-right:.75rem}.success-container{padding:2rem 1rem;margin:1rem auto;text-align:center;width:90%;box-shadow:none}.title-container{margin-bottom:1rem}.title-container h2{font-size:1.2rem}.success-message{font-size:.9rem;margin-bottom:1.5rem}.new-message-button{padding:.75rem 1.5rem;font-size:.9rem}}.about-main-container{flex:1;display:grid;grid-template-columns:.4fr 1.6fr 5fr 5fr;background-color:var(--color-1);overflow:hidden;min-height:0}.main-container-1{border-right:.1px solid var(--color-3-transparent);display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:flex-start;padding:1rem 0}.main-container-1>img{width:20px;height:auto}.main-container-2{border-right:.1px solid var(--color-3-transparent);height:100%;color:var(--color-3);font-family:Fira Code,monospace;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal}.main-container-3{border-right:.1px solid var(--color-3-transparent);height:100%;font-family:Fira Code,monospace;font-size:small;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--color-3)}.main-container-4{display:grid;grid-template-rows:1fr 21fr}.certificate-header{border-bottom:.1px solid var(--color-3-transparent);min-height:1.5rem;max-height:1.5rem}.certificate-content{padding:.5rem;overflow-y:scroll;height:100%;box-sizing:border-box;display:flex;color:var(--color-3);flex-direction:column}.certificate-content::-webkit-scrollbar{width:1rem}.certificate-content::-webkit-scrollbar-track{background:var(--color-1);border-left:.1px solid var(--color-3-transparent)}.certificate-content::-webkit-scrollbar-thumb{background:var(--color-3);border:none}.certificate-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.personal-info-container{height:100%;font-family:Fira Code,monospace;border-bottom:1px solid var(--color-3-transparent)}.content-column{height:100%}.content-header{display:flex;padding:0 1rem;justify-content:space-between;align-items:center;border-right:1px solid var(--color-3-transparent);min-height:1.5rem;width:20%}.main-section{display:flex;padding:0 1rem;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-3-transparent);min-height:1.5rem}.close-button{background:none;border:none;color:#99a1b3;font-size:20px;cursor:pointer}.content-display{padding:1rem;border-top:1px solid var(--color-3-transparent);overflow-y:scroll;height:100%;box-sizing:border-box}.content-display::-webkit-scrollbar{width:1rem}.content-display::-webkit-scrollbar-track{background:var(--color-1);border-left:.1px solid var(--color-3-transparent)}.content-display::-webkit-scrollbar-thumb{background:var(--color-3);border:none}.content-display::-webkit-scrollbar-thumb:hover{background:#ffffff80}.section-button{width:100%;padding:4px 8px;display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;text-align:left}.section-content{padding-left:16px}.bio-label{color:#f78c6c}.interests-label{color:#c792ea}.education-label{color:#82aaff}.contacts-label{color:#ffcb6b}.line{display:flex;white-space:pre}.line-number{color:var(--color-3);width:24px;text-align:right;margin-right:16px}.contact-item{display:flex;align-items:center;gap:8px;padding:4px 0}.contact-icon{color:#fea55f;width:1rem;height:auto}.chevron-icon{width:1rem;height:1rem;margin-right:4px}.image-slider{position:relative;width:100%;width:400px;height:280px;margin:2rem auto;overflow:hidden;border-radius:10px}.slide{position:absolute;width:100%;height:100%;transition:transform .5s ease-in-out}.slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide.current-up{transform:translateY(-100%)}.slide.current-down{transform:translateY(100%)}.slide.next-up{top:100%;transform:translateY(-100%)}.slide.next-down{top:-100%;transform:translateY(100%)}.slide.no-transition{transform:translateY(0)}.navigation{position:absolute;bottom:20px;right:20px;display:flex;gap:8px}.nav-button{padding:8px 16px;background-color:var(--color-3);border:none;border-radius:50%;cursor:pointer;font-size:18px;transition:background-color .3s ease}.nav-button:hover{background-color:#ffffffbf}.skills-container{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;margin:1rem auto;width:100%;flex-wrap:wrap}.skill-image{width:2.5rem;height:auto}.skill-icon-container{-o-object-fit:cover;object-fit:cover;flex-shrink:0}.education-content{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 768px){.main-container{overflow-y:auto;display:flex;flex-direction:column}.about-main-container{grid-template-columns:1fr!important;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow-y:auto;position:relative;background-color:#011627}.main-container-1{display:none}.main-container-2{border-right:none;border-bottom:1px solid var(--color-3-transparent);height:auto;min-height:-moz-fit-content;min-height:fit-content}.folder-column{padding:0}.main-section{border-bottom:1px solid var(--color-3-transparent);padding:.5rem 0}.section-button{padding:.5rem 1rem;font-size:14px;gap:.5rem}.section-content{padding-left:1rem}.main-container-3{border-right:none;border-bottom:1px solid var(--color-3-transparent);height:auto;overflow:visible}.content-header{padding:.75rem 1rem;width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-3-transparent)}.content-display{padding:1rem;height:auto;overflow-y:auto}*::-webkit-scrollbar{display:none}.bio-content{padding:0}.line{padding:.25rem 0;font-size:14px}.line-number{width:24px;margin-right:12px;opacity:.7}.main-container-4{height:auto;min-height:400px;position:relative;display:flex;flex-direction:column}.certificate-header{padding:.5rem 1rem;border-bottom:1px solid var(--color-3-transparent)}.certificate-content{padding:1rem;height:auto;overflow:visible;display:flex;flex-direction:column;gap:1rem}.image-slider{width:100%;max-width:300px;height:210px;margin:1rem auto;position:relative;overflow:hidden}.slide{position:absolute;width:100%;height:100%}.slide img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.navigation{position:absolute;bottom:10px;right:10px;display:flex;gap:8px;z-index:2}.nav-button{padding:8px 16px;background-color:var(--color-3);border:none;border-radius:50%;cursor:pointer;font-size:18px;opacity:.8}.skills-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.skill-image{width:2rem;height:2rem}.education-content{padding:1rem;gap:.75rem;font-size:14px}.contact-item{padding:.75rem;font-size:14px}.find-me-in{position:fixed;bottom:0;left:0;width:100%;padding:1rem;background-color:#011627;border-top:1px solid var(--color-3-transparent);display:flex;justify-content:center;gap:1.5rem;z-index:10}.contacts-content{padding:0}}