:root{--color-primary: #000000;--color-secondary: #ffffff;--color-accent-light: #00ccfffd;--color-accent-dark: #0090b4fd;--color-bg-light: #ffffff;--color-bg-dark: #303030;--color-text-light: #606060;--color-text-dark: #404040;--color-menu-light: #dddddd;--color-menu-dark: #202020;--color-header-light: #eeeeee;--color-header-dark: #151515}html,body{margin:3em 0 0;font-family:Orbitron,sans-serif}html{scroll-behavior:smooth}#header{position:fixed;top:0;left:0;width:100%;z-index:1000}.row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:.2em;gap:2em}button{background:transparent;border:none;cursor:pointer}.icon{width:2em}#sideMenu{position:fixed;top:0;left:-20em;height:100%;padding:2em 1em 1em;transition:left .3s ease;z-index:999}#sideMenu.open{left:0}#sideMenu ul{list-style:none;padding:0}#sideMenu ul ul{padding-left:1em}#sideMenu a{text-decoration:none}.center{justify-content:center;align-items:center;text-align:center;padding:0}.vertical{display:flex;flex-direction:column}section{padding:.5em;scroll-margin-top:3em}#about-container{display:flex;align-items:center}#profilePhoto{border-radius:50%;object-fit:cover;box-shadow:0 4px 8px #0000001a;align-self:center}h1{text-align:center}#jobBox{display:inline}#cursor{display:inline-block;vertical-align:top;font-size:1.5em}p{font-size:1.5em}hr{width:90%;border:none;height:.1em;margin-top:3em}.card{border-radius:.5em;padding:2em;display:flex;flex-direction:column;justify-content:center;gap:2em;width:100%;height:100%;box-sizing:border-box;margin:4em auto 0}#skill-div{flex-wrap:wrap;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:.2em;gap:2em}#gallery{display:flex;border:.1em solid var(--color-primary);border-radius:.5em;overflow:hidden;padding:0}#linkGallery{flex-grow:1;flex-shrink:1;width:0;transition:.5s ease;overflow:hidden}#linkGallery img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:.5s ease}#column{flex:1;padding:1em;display:flex;flex-direction:column;align-items:center;justify-content:center}h2,h3{text-align:center}#emailBox{width:60%;height:5em;justify-content:start}.toast{border-radius:10em;opacity:0;background-color:var(--color-secondary);width:80%;position:fixed;bottom:0;margin-bottom:1em;left:50%;transform:translate(-50%) translateY(20px);z-index:1000;text-align:center;transition:opacity .5s ease,transform .5s ease;padding:1em;font-size:.8em}.toast.show{opacity:1;transform:translate(-50%) translateY(0);box-shadow:0 4px 8px var(--color-bg-dark)}#projectGallery{display:flex;border-radius:.5em;position:relative;z-index:1;padding:0}.projectGallery:hover{z-index:999}.projectImage{flex-grow:1;flex-shrink:1;width:0;height:100%;object-fit:contain;background-color:var( --color-background, #ffffff );opacity:.8;transition:.5s ease;z-index:1}.projectImage:hover{transform:scale(4);opacity:1;filter:contrast(120%);position:relative;z-index:2;background-color:transparent}html.light{background-color:var(--color-bg-light);color:var(--color-text-light)}html.dark{background-color:var(--color-bg-dark);color:var(--color-text-dark)}html.light #header{background-color:var(--color-header-light);opacity:.95}html.dark #header{background-color:var(--color-header-dark);opacity:.95}html.dark #moreBtn img{filter:invert(100%) brightness(100%)}html.light #sideMenu{background-color:var(--color-menu-light);opacity:.95}html.dark #sideMenu{background-color:var(--color-menu-dark);opacity:.95}html.light #sideMenu a{color:var(--color-text-light)}html.dark #sideMenu a{color:var(--color-text-dark)}html.light #sideMenu a:active,html.dark #sideMenu a:active{color:var(--color-accent)}html.light h1{color:var(--color-primary)}html.dark h1{color:var(--color-secondary)}html.light h2{color:var(--color-accent-light)}html.dark h2{color:var(--color-accent-dark)}html.light hr,html.dark hr{background-color:var(--color-text-dark)}html.light .card{box-shadow:0 4px 8px var(--color-text-light)}html.dark .card{box-shadow:0 4px 8px var(--color-accent-dark)}html.light h3{color:var(--color-text-light)}html.dark h3{color:var(--color-accent-dark)}html.light #gallery{border:.2em solid var(--color-text-light)}html.dark #gallery{border:.2em solid var(--color-accent-dark)}html.light #projectGallery{border:.2em solid var(--color-text-light)}html.dark #projectGallery{border:.2em solid var(--color-accent-dark)}html.light hr{background-color:var(--color-text-light)}html.dark hr{background-color:var(--color-accent-dark)}html.light #emailBox{background-color:var(--color-bg-light);color:var(--color-text-light)}html.dark #emailBox{background-color:var(--color-bg-dark);color:var(--color-text-dark)}@media (hover: none){#sideMenu{width:12em}body{padding:.5em}#about-container{flex-direction:column;text-align:center}#profilePhoto{width:7.5em;height:7.5em}h2{font-size:1.4em}p{padding:1em;font-size:1.3em}#gallery{width:20em;height:8em}#linkGallery.clicked{width:15em}#linkGallery.clicked img{opacity:1;filter:contrast(120%)}#projectTitle{height:.5em;padding:0}#projectDescription{height:20em}#projectGallery{width:17em;height:8em}video{width:15em;height:15em}.center{padding:2em}}@media (hover: hover){#sideMenu{width:10em}body{padding:5em}#about-container{flex-direction:row;justify-content:flex-start;padding:.2em;gap:5em;max-width:40em;margin:0 auto}#profilePhoto{width:10em;height:10em}p{padding:2em;text-align:justify}#gallery{width:50em;height:12em}#linkGallery:hover{width:40em}#linkGallery:hover img{opacity:1;filter:contrast(120%)}#projectTitle{height:2em}#projectDescription{height:7em}#contact-div{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:.2em;gap:2em}#projectGallery{width:60em;height:20em}video{width:40em;height:25em}}