:root{--primary-black: black;--accent-1: #fff235;--accent-2: #00575b}#root{height:100vh;padding-left:2rem;padding-right:0rem;font-family:Kosugi}#root a{color:#00575b;text-decoration:underline;text-decoration-color:var(--accent-1);text-decoration-thickness:3px}#root a:hover{background-color:var(--accent-1)}.atag{color:var(--accent-2);text-decoration:underline var(--accent-1);text-decoration-thickness:3px}.atag:hover{background-color:var(--accent-1)}.leftPanel{position:fixed;height:100vh;width:30%;z-index:1;top:0;float:left}.rightPanel{width:75%;max-width:1200;float:right;padding-right:1.3em;justify-content:right;display:flex;flex-wrap:wrap;margin-bottom:4rem}@media all and (max-width: 900px){.leftPanel{position:relative;width:100%;height:auto}.rightPanel{width:100%;font-size:.8em}}@font-face{font-family:Kosugi;src:local("KosugiMaru-Regular"),url(/assets/KosugiMaru-Regular-CMnq9MUV.ttf) format("truetype")}.sidePanel{height:95%;max-width:88%;position:relative;color:#00575b}.resume{font-size:1.3em}.about{font-size:1.05em}.socialLinks{position:absolute;bottom:0;font-size:.9em}.siteTitle{font-size:3em;margin:2rem 0;cursor:pointer}@media all and (max-width: 900px){.socialLinks{opacity:0}.sidePanel{padding-bottom:2rem}}.card{width:40%;height:30em;margin:.5rem;padding:1rem 1rem 2rem;border-style:solid;border-width:1px;float:right;cursor:pointer}.card:hover{background-color:var(--accent-1);border-color:var(--accent-1);transition:ease-in .3s}.card:hover .image{filter:brightness(25%);transition:ease-in .3s}.card:hover .overlay{opacity:1;transition:ease-in .3s}.overlay{color:#fff;position:absolute;opacity:0;z-index:1;width:25%;font-size:1.4rem;height:auto;padding:1rem}.date{text-align:right;font-size:1.2em;margin:1rem 0;bottom:0}.position{font-size:1.2em;margin:0;white-space:pre-wrap}.imgcontainer{width:100%;height:65%}.title{margin-bottom:.5rem;font-size:1.5em}.image{object-fit:cover;width:100%;height:100%}.cardtext{position:relative;height:25%}@media all and (max-width: 900px){.card{width:100%;margin:.5rem;padding:1rem 1rem 2rem;border-style:solid;border-width:1px;cursor:pointer;font-size:1rem}.overlay{color:#fff;position:absolute;opacity:0;z-index:1;width:80%;font-size:1.2rem}}.image1{width:auto;max-width:100%;height:25%;object-fit:cover;padding:2rem 0}.projectpage{margin:2rem .5rem 1rem 8rem;height:auto}.closecontainer{position:relative;margin-bottom:3rem}.projectinfo{border-style:solid;border-width:1px;padding:.5rem 3.5rem 1rem;margin-top:4.5rem}.md img{max-height:30rem;max-width:60%;object-fit:contain;text-align:center}.md p{display:inline-block}.header1{width:100%;display:inline-block;margin-top:2rem;align-items:bottom;position:relative}.title1{float:left;font-size:3.5rem;margin:0;bottom:0;max-width:70%;color:#00575b}.date1{float:right;font-size:1.5em;margin:0;top:0;right:0;position:absolute;color:var(--accent-2)}.skills1{width:100%;padding:.5rem 0 1rem;color:var(--accent-2);font-size:1.5em}.buttons{position:relative;width:100%;color:var(--accent-2);font-size:1.1rem}.previousbutton{right:0;position:absolute;z-index:1}.nextbutton{left:0;position:absolute;z-index:1}.homebutton{position:absolute;width:100%;text-align:center}.closebutton{float:right;color:var(--accent-2)}.imagediv{display:flex;text-align:left;justify-content:center;padding:1rem}.imagediv p{text-align:left;padding:1rem 2rem;width:20%;color:var(--accent-2)}.closebutton:hover{cursor:pointer;text-decoration:underline var(--accent-2);text-decoration-thickness:3px}.previousbutton:hover,.homebutton:hover,.nextbutton:hover{cursor:pointer;text-decoration:underline var(--accent-1);text-decoration-thickness:3px}@media all and (max-width: 900px){.projectinfo{border-style:solid;border-width:1px;padding:.8rem;font-size:1rem}.imagediv{display:block;justify-content:center;padding:1rem}.imagediv p{text-align:center;padding:1rem 0rem;width:100%}.projectpage{margin:.5rem;height:auto}.previousbutton,.nextbutton{opacity:0}.title1{font-size:2.7rem}.date1{font-size:1.2em}.md img{max-height:20rem;width:100%;object-fit:cover;margin-left:auto;margin-right:auto}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}