*{font-family:Helvetica,Calibri,sans-serif;text-align:center;--lightModeBackground: #dbdbdb;--lightModeBox1: #bbbbbb;--lightModeBox2: #bbbbbb;--lightModeBox3: #bbbbbb;--darkModeBackground: #111113;--darkModeBox1: #1d2544;--darkModeBox2: #1a372a;--darkModeBox3: #32213e;--buttonLight: black;--buttonDark: white;--text: black;--textDark: white;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.dark{background-color:var(--darkModeBackground);color:var(--textDark)}.dark .top-bar-container header{background-color:var(--darkModeBox)}.dark .name-and-photo{background-color:var(--darkModeBackground)}.dark .projects-section{background-color:var(--darkModeBox1)}.dark .resume-section{background-color:var(--darkModeBox3)}.dark .image-slider-container{background-color:var(--darkModeBox2)}.dark .light-mode-button{filter:invert(0%)}.dark .side-bar a,.dark .logo{filter:invert(100%)}.dark .standard-button,.dark .link{color:var(--buttonDark)}.dark :is(a){color:var(--textDark)}.light{background-color:var(--lightModeBackground);color:#000}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.standard-button{margin:auto;border:2px dashed black;background-color:transparent;border-radius:.5rem;font-weight:bolder;font-size:1rem;color:var(--button);padding:.75rem 1.5rem;cursor:pointer;float:left}s .standard-button button:hover{border:2px solid black}.standard-button a{text-decoration:none;color:var(--button)}.standard-button a:hover{color:var(--button)}.link{text-decoration:none;color:var(--buttonLight)}a{color:var(--text)}h1{font-size:2em}h2{font-size:2.25em}p{margin:0;font-size:1.75em;padding:2.5vw}.name-and-photo{background:var(--lightModeBackground);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.main-image img{width:30%;border-radius:100%;border:.2vw solid black}.name{padding-top:5vh;font-size:2em;overflow:hidden}.intro{max-width:125ch;font-size:.75em}@media screen and (height < 1100px){.name-and-photo{height:auto}}@media screen and (0 < width < 800px){.main-image img{width:50%}.name{padding-top:8vh;font-size:1.5em}.intro{width:90vw}}.image-slider-container{width:50vw;background-color:var(--lightModeBox3);display:flex;flex-direction:column;border-radius:.5rem}.slider{padding:3vh;display:flex;justify-content:center;flex-direction:row}.image{width:35vw;height:21vw;border-radius:.5rem}.image-viewport{padding:2rem}.right-arrow,.left-arrow{align-self:center;font-size:3rem;background-color:transparent;border:2px dashed black;color:var(--button);border-radius:.75rem;z-index:1;cursor:pointer}.left-arrow:hover,.right-arrow:hover{border-style:solid}@media screen and (0 < width < 850px){.right-arrow,.left-arrow{position:absolute;top:0%;z-index:10;width:50%;height:100%;opacity:0}.image-slider-container{width:9d0vw}.image-slider{width:100vw}.left-arrow{left:0}.right-arrow{right:0}.slider{position:relative;padding-top:1rem}.image-viewport{padding:0}.image{width:100%;height:25vh}}.resume-section,.projects-section{padding:.5vw;width:50vw;border-radius:.5rem}.projects-section{display:flex;flex-direction:column;background-color:var(--lightModeBox1)}.resume-section{background-color:var(--lightModeBox2);width:40vw;display:flex;flex-direction:column;overflow:hidden}.resume-section img{width:50%;border-radius:.5rem}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.contact-section p{padding:.0625rem;font-size:1rem}.project-image{height:auto;width:50%;border-radius:.5rem;border:.0625rem black solid}.project-image:hover{transform:scale(1.05)}.projects-images-section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}@media screen and (0 < width < 900px){.resume-section,.projects-section{width:90vw}.resume-section img,.project-image{width:85vw}.projects-images-section{flex-wrap:wrap}}.top-bar-container{z-index:10;-webkit-backdrop-filter:brightness(.6) blur(12px) opacity(1);backdrop-filter:brightness(.6) blur(12px) opacity(1);position:fixed;display:flex;align-items:center;justify-content:space-between;width:100%;left:0%;top:7%;height:8%;overflow-y:hidden}.logo-box{display:flex;width:20%;overflow:hidden}.nav-link-box{display:flex;justify-content:center;align-items:center;width:50%}.screen-mode-button-box{display:flex;justify-content:right;align-items:center;width:20%;overflow:hidden}.logo{padding:0 1.2rem;cursor:pointer;filter:invert(0%)}.light-mode-button{border-radius:50px;cursor:pointer;padding:1.2rem;background-color:transparent;border:none}.nav-links{list-style:none;display:flex}nav ul{padding-inline-start:0rem}.side-bar{position:fixed;display:flex;flex-direction:column;justify-content:space-evenly;height:auto;gap:1rem;-webkit-backdrop-filter:brightness(.6) blur(12px) opacity(1);backdrop-filter:brightness(.6) blur(12px) opacity(1);border-radius:1rem;top:40%;left:1.5rem;padding:1rem}.side-bar a{display:block;height:100%;width:100%}.side-bar a:hover,.logo:hover,.light-mode-button:hover{transform:scale(1.1)}@media screen and (0 < width < 900px){.logo{transform:scale(.8);padding:0}.side-bar{display:none}}.warning{display:flex;justify-content:center;align-items:center;background-color:#db4444;padding:1rem;position:fixed;top:0;width:100%;left:0%}@media screen and (max-width: 900px){.warning{font-size:.8rem;padding:.5rem}}