.header{width:100%;min-width:200px;display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--primary);transition:flex-direction 1s ease,align-items 1s ease,background-color .5s ease}.header-name{font-size:24px;color:var(--secondary);white-space:nowrap;transition:font-size 1s ease,background-color .5s ease}.header-nav{display:flex;gap:20px;transition:all 1s ease}.header-nav-link{text-decoration:none;font-size:18px;font-weight:500;color:var(--secondary);transition:color .1s ease,font-size 1s ease}.header-nav-link:hover{color:var(--footer)}.header-nav-link.active{color:var(--accent)}.header-nav-link.disabled{pointer-events:none;color:var(--secondary-dimed);text-decoration:line-through;text-decoration-color:var(--secondary-dimed)}@media (max-width: 768px){.header{flex-direction:column;align-items:center}.header-name{font-size:20px}.header-nav{flex-direction:column;gap:10px;margin-top:10px}.header-nav-link{font-size:16px}}@media (max-width: 480px){.header-name{font-size:18px}.header-nav-link{font-size:14px}}.footer{width:100%;min-width:200px;height:fit-content;display:flex;justify-content:space-evenly;align-items:center;padding:60px 0;background-color:var(--footer);transition:flex-direction 1s ease,gap 1s ease,align-items 1s ease,background-color .5s ease}.footer-big-div{width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between;transition:gap 1s ease;gap:50px}.footer-big-div:last-of-type{flex-direction:row}.footer-title{font-size:44px;line-height:54px;font-weight:700;color:var(--secondary);transition:font-size 1s ease,background-color .5s ease}.footer-credits{font-size:14px;font-weight:600;color:var(--secondary);transition:font-size 1s ease,background-color .5s ease}.footer-small-div{width:100%;display:flex;flex-direction:column;justify-content:space-between;color:var(--secondary);gap:20px}.footer-small-div-title{font-size:20px;transition:font-size 1s ease,background-color .5s ease}.footer-small-div a{text-decoration:none;color:inherit}.footer-small-div-link{width:auto;text-decoration:none;color:inherit;font-size:16px;line-height:24px;transition:font-size 1s ease,background-color .5s ease}.footer-small-div-link:hover{color:var(--tertiary);cursor:pointer}.footer-small-div-link.active{color:var(--accent)}.footer-small-div-link.disabled{pointer-events:none;color:var(--secondary-dimed);text-decoration:line-through;text-decoration-color:var(--secondary-dimed)}.footer-small-div:last-of-type{color:var(--accent)}.footer-social-div{color:var(--secondary);height:30%;display:flex;align-items:end;justify-content:space-between}.footer-social-div img{width:30px;height:30px;color:var(--secondary);transition:width 1s ease,height 1s ease,background-color .5s ease}.linkedin-logo:hover{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFjSURBVHgB7VbtUYNAEH0LqKPmR9LBlaAVaAl2IAP+1w4CFagFmMEOtAK1g5SQDnRMNDMq4F4Qch5BRTzzI7yZm9nb+3jsvd07gFUDqZ17F901C660XxNc9SKMYAikkIp1Gzdsig/X6CXGLpM/wACs3OBIDxRSCZFHb5T4v1EQs6YRpXNNpW2zzjCET8k1ZZ3j7MixLT/EkL6rCUJDyDLccHCcJiwRFVUxlI3LMay6CwriiQfXIhyqg0mKy84AESrw7DMhcIYvYKUINgcIdb+TG7yB4LavDnL/rmrDJw99Hg/wDRJCMPUAnfxXdSxPh88q+Ol8Sf7oZ9XSiJgIfdSEDZw2Ih67MzmE7udjP9+K0ZONIwwXLBXjo7mUDmqCLOwscF93LnCi9IOJjz3ScoaS2dpbadeOmCPr6j7O/mFpXlpOTHXt8h+Jlrglbombori5HP7VeXOyW6XwxeW39K/ntTCOd4SNankX749jAAAAAElFTkSuQmCC);cursor:pointer}.github-logo:hover{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAICSURBVHgB7ZbfUdtAEIe/O9meMDGJ6UAdxB3EdAAV4IS8hw48qSDhLQ8ho1SQuAJIB6QC1EE0E+ffgHTsGhuwJEsCzvDCb0ajmbuVvt27vd2DB5JZNvHnDe9xhJlj3P1MxA31a8jABuwIIPyfsr0RkTQC/94V7JVi53inDkyG9DPoW0tPDHo66TJi+VF8BsctmQsCRjI3mH+cGTbXP3FUC/47lEgDTvAkcfpVftUs9yCJOMmPlYLXImJ5JXhSO+WYJuCfso/M9s+HnGWLJuBOwFc8yhlGEkyvEqzHQF4hftXrWPYqwTIyYAUyhpeLmLyB8x7tVC63ivdynMpUAEsixKxAWtmoBLMacJbxoxKcZnzDY/G4BNvFWl0AaxeRqMd4lCRs/OxgGtBysOo0ZU+N8SRZ5u38WClYozYZm3eGOxJtid2oWKtN3beT1wzF6q0Y9mkqBVr2u2d8MFF5vtSC59IefRpIk4cRS5xIpe+2OxytfaxfKXv9x/pIMQ/LDLVVWjct9EsjF6fCJlBVIeLJLpF48zxN2V+PFo+AXIe0a21V/C95esAGDVRILs1oratyUTsU0Inu8bylufoe3biHl+6xgtqBJAbszIZiudCNxc0XhuruJRE3yptKIycO/HtyEYXunWzDoS9wq2pydhS8l0/Vg7XF1o2sHV/kMv+dR91C5xT/oJacGx2YAAAAAElFTkSuQmCC);cursor:pointer}.email-logo:hover{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIDSURBVHgB7VbdUcJAEP7ugjo4ccQOoAPoIHRAB0bQZ6QCoAL1mf8KsAOwAulAOpAZEEZnknMXiEoSCAEm4wPfU7K3t999e3t7BxwREYTzMTZhaBrKNpAmYwIHBsXs2xZKehuD5T8wK+CaCNuIABIw4w10xLuJ5KmGHtmSiAajLwspeSJhREjKSBBnLqaIVHgHh7Sq7FUbQ+yBeTZj6EIh/dfOnHLNHE7/2yyPMnbEtIDiiYZXN6mD2KbJtkCFAhifFm62Vc8qzzS0SJUhNvjJgDicFoOLb5KHGeT7UUCOVfKcIF8PMZ83oTzqkkKgRYFbrMg9h2yJaR4P9Nn19ACFEccMJLYUXoSNrPJxJpisfnz7q4gbzymrFLh3O3MMaSPDMd1jvnscX+xnlggqUnkKLEm2HhVehQIn/AhZpZKo6nU8zheX93Js3OOLOhHTYfdJ/bzw/EgprQNW6ZCuQ2BxsfrzJlJEVA3ypQw8nTeQiW9xAgKJHbB6Is/6qWcbj+kNn7TvS7wk7y8Lr+PYWGWcUstjCIEYQmKZRnNyt9hDvba45sIiNLGDXQkdhEr1IfF/iKlCD/7s0SQu3Ta+j4crxBJF6slFHBBKrf5TkxlKy8YzfY8QEfjMazb1cLpnR7SiEiKCraHKR3K+x3oTbWUhs+ZG2h98afDzlrtbLZrX7BE/+AbItLKtamxyZAAAAABJRU5ErkJggg==);cursor:pointer}body.dark-mode .linkedin-logo{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEvSURBVHgB7ZXhbYMwEIWfrfwnbOAR2gmaEbJB2aDdIDBB2w3oBukETTZgBDYAFoA+U/+4OpA2oVYihU+yONt3PHP2GeDWULJTVdWSj8R1t3EclwiEEqJGKfVJ07ihsuu6e4rXCIAW9lqIwtkJAqFxIaRwzlaKvrW3CIR/uAy+U94vJNT+3iYKE7Hbo7V+YunJqihYmkXbttnYXSDrOKHzo5zky94ZmGOEpmms4CuOwHemURRl/vhC2IZt5c3vMS66oWiKX7A+9IUvflYd2+z8RVSKM2Y9WZjp2+BEGPMySZgrX+Hn1drDr3pji13LBkKNi+1Z4HTuBkQ/eAifxVBa1/UDDs+Mjd1Z45xULwfGChwuZn8s9ip+ErPwLDwLT0LeXDmLfufNlwMx/+03E5YvVtyCnTbtLj8AAAAASUVORK5CYII=);cursor:pointer}body.dark-mode .github-logo{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGlSURBVHgB7VbRTcMwEH2J+k+yQToB3YB2A5igsAEboE4AbFAmoJ2gYYMyAd6gzgThXXURUeokLjjND0+yotjnez6ffc/ASIjaBoqieC7LMmPbpmm6xpk4HA7zOI6X6uOOPqwXsbW2rP0aTl7JAuhwxn9pibbjuLa9jEVR9MTvvJrMuQvOzXuJ6Tzj5C8EAokfmrsW4zKwzQ4nMVdnXMZ/wN6LWPOYIBxumx3OHPNgSX4zhINlnqf1k30SsVyDwKQC2b3Heodrq+cYALwlN+ghzjAMMvQQXwQuYoNhYDAGMU/1J3qINwhbPCrk6CKWuyaKhLAw9LvpJFbInTMIBJHFZl9brZaoFwHIrUqiX61WcpMkyVQkDY4i70G40jKZuwwieEI0Gj8iP3PZ6CJzVbdOxHXHVXMZqrOkjVSR+ZAKTiIm8ZpRXXH1r81tomq9wyFxdROmJ4UHXDmWEy1Pn53IIxdyz1Zpc59Ge2t425tLHLyQfKld8tjb8v8aPerFiL3OTaeRLuAYheSOO7ALRTzpGtQXwxDlczxZnJxjzDy/8fOBf/wC3wKcty/bK7A7AAAAAElFTkSuQmCC);cursor:pointer}body.dark-mode .email-logo{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG+SURBVHgB7VbtbcIwEL1Y/KZhA9igbBA2YINmA2AC6ASlEwATtBuQTgAb1BsQGAD6XnCqKHW+aGTxgydFcs6+O7/7SkQecAQvXRwOh8DzvDmWz3h8aR/R5XKZ9Xq9/a/j0+n0cj6f1+IASqmw2+1uPDDtg+kWsr64QQzmA4VF4NApwTSOOwVONW41Qj60/AMmmh9yrZss+qpAhwrfx+NxLjcCuhPY2FmcJlBlymC9iON4y5tLTfAsdaC7lJLuUNWmhG1G52HVQZwZG5ZB1Vmb4wiPzskY+hXCt7Kxh8zH3pvJZ55lbGyWO0aIvlhYtsOQh4Z9kHHKiOywNxULCciHtFnpmGA1+74/gsKrZTvpexaeYWmbAezVGW0UdUZpjqG0YLPL39AnhVfAck+W0F2WmK4uLsN+UMA+f5l3nB3W6f86VZ1eYGFyry3b6cCZ1rVX27FxzmJh7jepjCxNaCNpgI40hAljiGpemve93IDGjjMXuMlhikahbhN35bj13x78dTzlZcyxzgowiSb4ukykRaDq8yJNxp9yHeSuoPFECtWZzFVxBE5AtmSSYyzWHAJi+SK1hOTTaKbbWh5wiR+ezeRm56pWZAAAAABJRU5ErkJggg==);cursor:pointer}body.dark-mode .linkedin-logo:hover{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFjSURBVHgB7VbtUYNAEH0LqKPmR9LBlaAVaAl2IAP+1w4CFagFmMEOtAK1g5SQDnRMNDMq4F4Qch5BRTzzI7yZm9nb+3jsvd07gFUDqZ17F901C660XxNc9SKMYAikkIp1Gzdsig/X6CXGLpM/wACs3OBIDxRSCZFHb5T4v1EQs6YRpXNNpW2zzjCET8k1ZZ3j7MixLT/EkL6rCUJDyDLccHCcJiwRFVUxlI3LMay6CwriiQfXIhyqg0mKy84AESrw7DMhcIYvYKUINgcIdb+TG7yB4LavDnL/rmrDJw99Hg/wDRJCMPUAnfxXdSxPh88q+Ol8Sf7oZ9XSiJgIfdSEDZw2Ih67MzmE7udjP9+K0ZONIwwXLBXjo7mUDmqCLOwscF93LnCi9IOJjz3ScoaS2dpbadeOmCPr6j7O/mFpXlpOTHXt8h+Jlrglbombori5HP7VeXOyW6XwxeW39K/ntTCOd4SNankX749jAAAAAElFTkSuQmCC);cursor:pointer}body.dark-mode .github-logo:hover{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAICSURBVHgB7ZbfUdtAEIe/O9meMDGJ6UAdxB3EdAAV4IS8hw48qSDhLQ8ho1SQuAJIB6QC1EE0E+ffgHTsGhuwJEsCzvDCb0ajmbuVvt27vd2DB5JZNvHnDe9xhJlj3P1MxA31a8jABuwIIPyfsr0RkTQC/94V7JVi53inDkyG9DPoW0tPDHo66TJi+VF8BsctmQsCRjI3mH+cGTbXP3FUC/47lEgDTvAkcfpVftUs9yCJOMmPlYLXImJ5JXhSO+WYJuCfso/M9s+HnGWLJuBOwFc8yhlGEkyvEqzHQF4hftXrWPYqwTIyYAUyhpeLmLyB8x7tVC63ivdynMpUAEsixKxAWtmoBLMacJbxoxKcZnzDY/G4BNvFWl0AaxeRqMd4lCRs/OxgGtBysOo0ZU+N8SRZ5u38WClYozYZm3eGOxJtid2oWKtN3beT1wzF6q0Y9mkqBVr2u2d8MFF5vtSC59IefRpIk4cRS5xIpe+2OxytfaxfKXv9x/pIMQ/LDLVVWjct9EsjF6fCJlBVIeLJLpF48zxN2V+PFo+AXIe0a21V/C95esAGDVRILs1oratyUTsU0Inu8bylufoe3biHl+6xgtqBJAbszIZiudCNxc0XhuruJRE3yptKIycO/HtyEYXunWzDoS9wq2pydhS8l0/Vg7XF1o2sHV/kMv+dR91C5xT/oJacGx2YAAAAAElFTkSuQmCC);cursor:pointer}body.dark-mode .email-logo:hover{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIDSURBVHgB7VbdUcJAEP7ugjo4ccQOoAPoIHRAB0bQZ6QCoAL1mf8KsAOwAulAOpAZEEZnknMXiEoSCAEm4wPfU7K3t999e3t7BxwREYTzMTZhaBrKNpAmYwIHBsXs2xZKehuD5T8wK+CaCNuIABIw4w10xLuJ5KmGHtmSiAajLwspeSJhREjKSBBnLqaIVHgHh7Sq7FUbQ+yBeTZj6EIh/dfOnHLNHE7/2yyPMnbEtIDiiYZXN6mD2KbJtkCFAhifFm62Vc8qzzS0SJUhNvjJgDicFoOLb5KHGeT7UUCOVfKcIF8PMZ83oTzqkkKgRYFbrMg9h2yJaR4P9Nn19ACFEccMJLYUXoSNrPJxJpisfnz7q4gbzymrFLh3O3MMaSPDMd1jvnscX+xnlggqUnkKLEm2HhVehQIn/AhZpZKo6nU8zheX93Js3OOLOhHTYfdJ/bzw/EgprQNW6ZCuQ2BxsfrzJlJEVA3ypQw8nTeQiW9xAgKJHbB6Is/6qWcbj+kNn7TvS7wk7y8Lr+PYWGWcUstjCIEYQmKZRnNyt9hDvba45sIiNLGDXQkdhEr1IfF/iKlCD/7s0SQu3Ta+j4crxBJF6slFHBBKrf5TkxlKy8YzfY8QEfjMazb1cLpnR7SiEiKCraHKR3K+x3oTbWUhs+ZG2h98afDzlrtbLZrX7BE/+AbItLKtamxyZAAAAABJRU5ErkJggg==);cursor:pointer}.dark-mode-div{height:30px;display:flex;align-items:center;gap:15px;font-size:24px;font-weight:400;color:var(--secondary-dimed);transition:all .5s ease}.active-label{color:var(--secondary)}.switch{width:60px;height:30px;border:2px solid var(--secondary);border-radius:50px;background-color:var(--tertiary);display:flex;align-items:center;cursor:pointer;position:relative;transition:all .5s ease}.switch.dark{background-color:var(--secondary);border:2px solid var(--primary)}.toggle-circle{width:20px;height:20px;background-color:var(--secondary);border-radius:50%;position:absolute;margin:auto;transform:translate(3px);transition:all .5s ease}.switch.dark .toggle-circle{background-color:var(--primary);transform:translate(33px)}@media (max-width: 768px){.footer{flex-direction:column;align-items:center;gap:50px}.footer-big-div{gap:35px}.footer-big-div:first-of-type{align-items:center}.footer-title{font-size:36px}.footer-credits{font-size:12px}.footer-small-div-link{font-size:14px}.footer-small-div-title{font-size:18px}.footer-small-div{gap:15px}.dark-mode-div{height:25px;font-size:20px;gap:12px}.switch{width:50px;height:26px}.toggle-circle{width:16px;height:16px}.switch.dark .toggle-circle{transform:translate(27px)}.footer-social-div img{width:25px;height:25px}}@media (max-width: 480px){.footer-title{font-size:28px}.footer-big-div{gap:20px}.footer-small-div-link{font-size:13px}.footer-small-div-title{font-size:16px}.footer-credits{font-size:10px}.footer-small-div{gap:10px}.dark-mode-div{height:20px;font-size:16px;gap:10px}.switch{width:40px;height:21px}.toggle-circle{width:13px;height:13px}.switch.dark .toggle-circle{transform:translate(21px)}.footer-social-div img{width:20px;height:20px}}.overlay__background{background-color:#1d1d1fb3;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:2}body.dark-mode .overlay__background{background-color:#f0f0f040}.overlay__container{width:60%;max-width:800px;max-height:95vh;background-color:var(--primary);position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;z-index:10;padding:20px;height:fit-content;border-radius:30px;display:flex;flex-direction:column;gap:32px;z-index:3;box-shadow:0 4px 20px #0000001a}.overlay__container::-webkit-scrollbar{display:none}.overlay-image{min-height:40vh;width:100%;border-radius:10px;background-position:center;background-size:cover}.overlay-body{width:100%;min-height:50%;display:flex;flex-direction:column;gap:32px;color:var(--secondary)}.overlay-description{overflow-y:scroll;color:inherit;padding-right:8px}.overlay-description::-webkit-scrollbar{width:8px}.overlay-description::-webkit-scrollbar-thumb{background-color:var(--secondary-dimed);border-radius:4px}.overlay-header{width:100%;display:flex;font-size:20px;line-height:2px;align-items:center;justify-content:space-between;gap:20px}.overlay-languages{display:flex;height:100%;gap:10px;flex-wrap:wrap;justify-content:flex-end}.overlay-header>h2{line-height:1}.overlay-languages>span{font-size:12px;line-height:16px;height:24px;border:1px solid var(--secondary);border-radius:20px;padding:0 16px;display:flex;align-items:center;justify-content:center;font-weight:500}.overlay-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.overlay-controls-back{display:flex;align-items:center;gap:5px;font-size:18px;line-height:26px;cursor:pointer;color:var(--secondary);font-weight:500;padding:0 12px;border:1px solid transparent;height:40px;border-radius:10px}.overlay-controls-back:hover{border:1px solid var(--secondary)}.overlay-controls-link>a{height:40px;background-color:var(--accent);display:flex;align-items:center;gap:5px;font-size:18px;line-height:26px;color:var(--primary);cursor:pointer;padding:0 12px;border-radius:10px;border:none;text-decoration:none}.overlay-controls-link>a:hover{background-color:var(--secondary)}@media (max-width: 768px){.overlay__container{width:80%;padding:16px;gap:24px}.overlay-header{font-size:18px}.overlay-controls{gap:8px}.overlay-controls-back{font-size:16px}.overlay-controls-link>a{font-size:16px;height:36px;padding:0 10px}.overlay-languages{flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 480px){.overlay__container{width:85%;padding:12px;border-radius:15px}.overlay-body{gap:20px}.overlay-header{font-size:16px;flex-direction:column;align-items:center;gap:10px;text-align:center}.overlay-image{height:25vh}.overlay-languages>span{font-size:10px;padding:0 10px}.overlay-controls-back{font-size:14px}.overlay-controls-link>a{font-size:14px;height:32px;padding:0 8px}.overlay-languages{flex-wrap:wrap;justify-content:flex-end}}.project-card{height:365px;width:300px;background-color:var(--tertiary);border-radius:30px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-shadow:2px 4px 12px #1d1d1f33;overflow:hidden;position:relative;transition:height .3s ease,width .3s ease,padding .3s ease,gap .3s ease,background-color .5s ease,box-shadow .5s ease,transform .5s ease}body.dark-mode .project-card{box-shadow:2px 4px 12px #2c2c2e33}.project-card:hover,.project-card:focus{transform:translate3D(0,-1px,0) scale(1.02);box-shadow:2px 4px 12px #1d1d1f66}body.dark-mode .project-card:hover .project-card:focus{box-shadow:2px 4px 12px #2c2c2e66}.project-card>.image{width:100%;height:247px;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:height .3s ease,border .5s ease}.project-card>h2{color:var(--secondary);font-size:24px;line-height:1;font-weight:600;transition:font-size 1s ease,line-height 1s ease,color .5s ease}.project-card>p{color:var(--secondary-dimed);font-size:16px;font-weight:600;transition:font-size 1s ease,line-height 1s ease,color .5s ease}@media (max-width: 768px){.project-card{height:300px;width:90%;padding:16px}.project-card>.image{height:200px}.project-card>h2{font-size:20px}.project-card>p{font-size:14px}}@media (max-width: 480px){.project-card{height:auto;width:100%;padding:12px;gap:5px}.project-card>.image{height:150px}.project-card>h2{font-size:18px}.project-card>p{font-size:12px}}.project-page-wrapper{background-color:var(--primary);height:100%;transition:background-color .5s ease}.projects-div{width:90%;max-width:1440px;min-width:200px;margin:0 auto;height:100%;display:flex;flex-direction:column;align-items:baseline;gap:40px;padding:30px 20px 50px;background-color:var(--primary);transition:padding 1s ease,gap 1s ease,align-items 1s ease,background-color .5s ease}.projects-div>h1{margin:auto;color:var(--secondary);font-size:72px;line-height:80px;text-align:center;transition:font-size 1s ease,line-height 1s ease,color .5s ease}.projects-div>p{color:var(--secondary);font-size:24px;line-height:32px;margin:auto;text-align:center;transition:font-size 1s ease,line-height 1s ease,color .5s ease}.projects-projects{width:100%;min-height:442px;display:flex;flex-direction:column;gap:16px}.projects-filters{width:100%;display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;transition:justify-content 1s ease,background-color .5s ease}.filter-button{min-width:120px;padding-left:10px;padding-right:10px;height:28px;text-align:center;border-radius:8px;font-size:16px;line-height:24px;background-color:var(--primary);border:1px solid var(--secondary);box-shadow:0 18px 40px -20px #1d1d1f59;color:var(--secondary);transition:color .3s ease,font-size 1s ease,min-width 1s ease,background-color .5s ease}.active-filter{background-color:var(--accent);border:none;color:var(--primary);box-shadow:0 18px 40px -20px #f5620059}.filter-button:hover{border:none;background-color:var(--secondary);color:var(--primary);box-shadow:0 18px 40px -20px #1d1d1f}.filter-icon{color:var(--secondary)}.projects-projects>.projects-cards{width:100%;display:flex;padding-top:32px;flex-wrap:wrap;justify-content:baseline;row-gap:40px;gap:40px;transition:justify-content 1s ease,background-color .5s ease}@media (max-width: 768px){.projects-div{padding:20px 15px;gap:30px;align-items:center}.projects-div>h1{font-size:54px;line-height:62px}.projects-div>p{font-size:18px;line-height:26px}.projects-filters{justify-content:center}.filter-button{font-size:14px;min-width:100px}.projects-projects>.projects-cards{justify-content:center}}@media (max-width: 480px){.projects-div{padding:15px 10px;gap:20px}.projects-div>h1{font-size:36px;line-height:42px}.projects-div>p{font-size:14px;line-height:22px}.projects-filters{flex-direction:column;align-items:center}.filter-button{width:100%;text-align:center}.projects-projects>.projects-cards{justify-content:center}}.design-card-small{height:365px;width:200px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:all .5s ease;overflow:hidden;padding:5px 0}.design-card-small:hover{transform:translate3D(0,-1px,0) scale(1.03)}.design-card-small-image{height:85%;width:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.design-card-small>h2{width:50%;height:12%;color:var(--secondary);text-align:center;font-size:18px;font-weight:600;line-height:1;transition:font-size 1s ease,line-height 1s ease,color .5s ease;display:flex;align-items:center;justify-content:center}.design-card-big{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:30px;box-shadow:2px 4px 12px #1d1d1f4d;background-color:var(--tertiary);transition:all .3s ease;background-position:left;background-size:cover}@media (max-width: 768px){.design-card-small{height:340px}.design-card-small>h2{font-size:16px}}@media (max-width: 480px){.design-card-small{height:300px}.design-card-small>h2{font-size:14px}}.carousel{width:100%;height:690px;display:flex;align-items:baseline;justify-content:center;overflow:hidden;position:relative;padding-top:10px}.carousel-content{height:600px;width:60%;border-radius:30px;transition:all 1s ease;position:absolute}.carousel-content.current{box-shadow:2px 4px 12px #1d1d1f80}.carousel-arrow{position:absolute;top:40%;cursor:pointer;color:var(--footer);z-index:1}.carousel-arrow:hover{color:var(--accent)}.carousel-arrow.disabled{opacity:0;pointer-events:none}.carousel-arrow.left{left:20px}.carousel-arrow.right{right:20px}.carousel-nav{position:absolute;display:flex;justify-content:space-around;bottom:10px;width:180px;height:50px;z-index:0;transition:all 1s ease}.carousel-dots{height:50px;width:120px;border-radius:50px;display:flex;align-items:center;justify-content:space-evenly;transition:all 1.5s ease}.dot{width:10px;height:10px;border-radius:50px;background-color:var(--footer);cursor:pointer;transition:all 1s ease}.dot:hover{background-color:var(--secondary-dimed)}.dot.active{width:40px;background-color:var(--secondary)}.progress-container{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.progress-circle{width:80%;height:80%;transform:rotate(-90deg)}.background-circle{height:100%;width:100%;fill:none;stroke:var(--footer);stroke-width:2}.progress-circle-path{height:100%;width:100%;fill:none;stroke:var(--secondary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.pause-toggle{z-index:0;background-color:var(--footer);position:absolute;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;transition:all .5s ease}.pause-toggle svg{color:var(--secondary);fill:var(--secondary);stroke-width:1.5}.pause-toggle:hover{background-color:var(--secondary-dimed)}@media (max-width: 768px){.carousel{height:500px}.carousel-content{height:400px;width:70%}.carousel-nav{width:150px}.dot{width:8px;height:8px}.dot.active{width:30px}.progress-circle{width:90%;height:90%}}@media (max-width: 480px){.carousel{height:400px}.carousel-content{height:300px;width:95%}.carousel-nav{width:150px}.dot{width:7px;height:7px}.dot.active{width:25px}}.design-div{width:100%;margin:0 auto;height:100%;display:flex;flex-direction:column;align-items:center;gap:32px;padding:30px 0 50px;background-color:var(--primary);transition:gap 1s ease,align-items 1s ease,padding 1s ease,background-color .5s ease}.design-div>h1{color:var(--secondary);font-size:72px;line-height:80px;transition:font-size 1s ease,line-height 1s ease,color .5s ease}.design-div>p{color:var(--secondary);font-size:24px;line-height:32px;text-align:center;transition:font-size 1s ease,line-height 1s ease,color .5s ease}.design-projects{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}.design-project-smaller{max-width:1450px;width:70%;display:flex;flex-direction:column;justify-content:baseline;gap:50px;transition:all 1s ease}.design-project-smaller-title{width:100%;color:var(--secondary);font-size:44px;line-height:52px;padding-left:20px;transition:font-size 1s ease,line-height 1s ease,color .5s ease}.design-cards-small{max-width:1450px;width:100%;height:auto;display:flex;align-items:center;gap:60px;flex-wrap:wrap}@media (max-width: 768px){.design-div{gap:30px;align-items:center;padding:30px 15px}.design-div>h1{font-size:54px;line-height:62px}.design-div>p{font-size:18px;line-height:26px}.design-project-smaller{width:100%;justify-content:center}.design-project-smaller-title{font-size:38px;line-height:46px;text-align:center}.design-cards-small{justify-content:center}}@media (max-width: 480px){.design-div{padding:20px 10px;gap:20px}.design-div>h1{font-size:36px;line-height:42px}.desgin-div>p{font-size:14px;line-height:22px}.design-project-smaller{width:100%;justify-content:center}.design-project-smaller-title{font-size:28px;line-height:36px;text-align:center}.design-cards-small{justify-content:center}}.about-container{display:flex;flex-direction:column;padding:50px 0;align-items:center;justify-content:space-around;gap:100px;color:var(--secondary);background-color:var(--primary);transition:background-color .5s ease}.about-me{width:70%;height:auto;display:flex;align-items:center;justify-content:space-evenly;gap:32px;transition:width 1s ease}.about-me-description{height:100%;width:100%;max-width:600px;display:flex;flex-direction:column;justify-content:center;gap:16px;transition:all 1s ease}.about-me>img{width:100%;max-width:300px;height:auto;border-radius:30px;transition:all 1s ease}.about-me-description>h1{font-size:72px;line-height:80px;color:var(--secondary);font-weight:600;transition:all 1s ease}.about-me-description>p{font-size:20px;line-height:28px;color:var(--secondary);transition:all 1s ease}.about-education{width:100%;max-width:70%;display:flex;flex-direction:column;background-color:var(--primary);padding:20px;gap:32px;transition:background-color .5s ease}.about-education>h2{font-size:56px;font-weight:600;text-align:left;padding:0 0 0 30px;transition:all 1s ease}.about-education>.contents{padding:0 30px;border-left:2px solid var(--footer)}.about-education>.contents>.box{position:relative;padding:20px;background-color:var(--tertiary);transition:all .3s;margin-bottom:20px;border-radius:20px;box-shadow:2px 4px 12px #1d1d1f33}.about-education .contents .box:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;right:calc(100% + 21px);top:0;background-color:var(--accent);border:2px solid var(--primary)}.box h4{position:relative;color:var(--accent);transition:all 1s ease}.box h3{font-size:19px;padding:10px 0 6px;color:var(--secondary);transition:all 1s ease}.box p{line-height:1.2;color:var(--secondary-dimed);font-size:17px;transition:all 1s ease}.about-website{width:70%;display:flex;flex-direction:column;font-size:20px;line-height:28px;gap:50px;align-items:center;padding-top:20px;padding-bottom:20px;transition:all 1s ease}.about-website>h2{font-size:56px;font-weight:600;text-align:center;line-height:1;transition:background-color .5s ease,font-size 1s ease}.about-website>p{color:var(--secondary);font-size:20px;line-height:28px;transition:all .5s ease}.features-container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-content:space-between;column-gap:15px;row-gap:40px;transition:all 1s ease}.feature-card{transition:transform .3s ease;display:flex;gap:15px;transition:all 1s ease}.feature-card-text{display:flex;flex-direction:column;text-align:left;transition:all 1s ease}.feature-icon svg{color:var(--accent);height:40px;width:40px;transition:all 1s ease}.feature-title{font-size:18px;font-weight:600;color:var(--secondary);transition:all 1s ease}.feature-description{font-size:14px;color:var(--secondary-dimed);line-height:1.5;transition:all 1s ease}@media (max-width: 768px){.about-container{gap:40px}.about-me{width:90%;flex-direction:column}.about-me-description>h1{font-size:54px;line-height:62px;text-align:center}.about-me-description>p{font-size:18px;line-height:26px;text-align:center}.about-me>img{width:50%}.about-education{max-width:90%;padding:15px}.about-education>h2{font-size:36px;padding:0 0 0 20px}.about-education>.contents{padding:0 20px}.about-education>.contents>.box{padding:15px;margin-bottom:15px}.about-education .contents .box:before{height:14px;width:14px;right:calc(100% + 12px);top:0}.box h4{font-size:16px}.box h3{font-size:17px}.box p{font-size:14px}.feature-icon svg{height:30px;width:30px}.about-website{width:90%;gap:30px}.about-website>h2{font-size:36px}.about-website>p{font-size:18px;line-height:26px;text-align:center}.features-container{row-gap:20px}.feature-card{max-width:80%;margin:auto}.feature-card-text{text-align:center}.feature-title{font-size:16px}.feature-description{font-size:12px}}@media (max-width: 480px){.about-container{gap:30px}.about-me-description>h1{font-size:36px;line-height:42px}.about-me-description>p{font-size:14px;line-height:22px}.about-education>h2{font-size:28px;text-align:center}.about-education>.contents{padding:0 10px}.about-education>.contents>.box{padding:10px;border-radius:15px}.about-education .contents .box:before{height:12px;width:12px;right:calc(100% + 3px);top:0}.box h4{font-size:14px}.box h3{font-size:16px}.box p{font-size:12px}.feature-icon svg{height:25px;width:25px}.about-website{gap:20px}.about-website>h2{font-size:28px}.about-website>p{font-size:14px;line-height:22px}.features-container{width:100%;row-gap:15px;grid-template-columns:auto}.feature-card{width:90%;margin:auto}.feature-title{font-size:14px}.feature-description{font-size:12px}}:root{--primary: #FFFFFF;--secondary: #1D1D1F;--secondary-dimed: #1D1D1F80;--accent: #F56300;--tertiary: #F5F5F7;--footer: #DADADA}.dark-mode{--primary: #1D1D1F;--secondary: #f0f0f0;--secondary-dimed: #f0f0f080;--accent: #F56300;--tertiary: #2C2C2E;--footer: #3A3A3C}*{margin:0;padding:0;box-sizing:border-box;font-family:Rethink Sans}html{overflow-y:scroll}html::-webkit-scrollbar,body::-webkit-scrollbar{width:8px;background-color:var(--primary)}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background-color:var(--secondary-dimed);border-radius:4px}