.portfolio-container{width:100%;max-width:100vw;display:flex;flex-direction:column;gap:20px;padding:20px;box-sizing:border-box}.portfolio-button{display:flex;align-items:center;width:100%;max-width:100%;border:2px solid #050505;border-radius:8px;text-decoration:none;color:inherit;overflow:hidden;box-shadow:0 2px 8px #0000001a;padding:10px 20px;box-sizing:border-box}.portfolio-button:hover{border:2px solid #1b9aaa;background-color:#f5f1e3;color:#1b9aaa;box-shadow:0 6px 15px #0003;transform:scale(1.03)}.portfolio-info{flex:1;padding:0 20px}.portfolio-button.left{flex-direction:row;justify-content:flex-start;text-align:left}.portfolio-button.right{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.portfolio-button.right .project-info{text-align:right}.PortfolioLink{text-decoration:none;color:#1b9aaa;position:relative}.PortfolioLink:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background-color:#f5f1e3;transition:width .3s ease-in-out}.PortfolioLink:hover:after{width:100%}.projects-container{width:100%;max-width:100vw;display:flex;flex-direction:column;gap:20px;padding:20px;box-sizing:border-box}.project-button{display:flex;align-items:center;width:100%;max-width:100%;border:2px solid #232528;border-radius:8px;text-decoration:none;color:inherit;overflow:hidden;box-shadow:0 2px 8px #0000001a;padding:10px 20px;box-sizing:border-box}.project-button:hover{border:2px solid #1b9aaa;color:#1b9aaa;background-color:#f5f1e3;box-shadow:0 6px 15px #0003;transform:scale(1.03)}.project-image{width:200px;height:120px;object-fit:cover;border-radius:6px}.project-info{flex:1;padding:0 20px}.project-button.left{flex-direction:row;justify-content:flex-start;text-align:left}.project-button.right{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.project-button.right .project-info{text-align:right}.touchLinks{padding:2rem;display:flex;justify-content:space-between;margin-top:auto;gap:1rem}.touchLinks img{width:50px;height:50px;background-color:#fff;border-radius:100px;padding:.2rem}.touchLinks img:hover{background-color:#f0f0f0;transform:scale(1.2);transition:all .2s ease}.home-layout{display:flex;flex-direction:column;min-height:100vh}.homenavbar-nav{flex:1;height:100vh;display:flex;flex-direction:column;background-color:#f5f1e3}.homenavbar-title{font-family:Megrim;font-size:1.5rem;text-shadow:1px 0 #1b9aaa,0 1px #1b9aaa,-1px 0 #1b9aaa,0 -1px #1b9aaa;color:#1b9aaa;text-align:right;margin:2rem;border-bottom:2px solid #050505}.homenavbar-nav-container{margin:1rem;height:100%;display:flex;flex:1}.homenavbar-nav-links{margin:1rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:auto;width:100%}.homenavbar-nav-links a{background-color:#dddbcb;padding:1rem;margin:.05rem;text-decoration:none;color:#1b9aaa;font-size:2rem;text-shadow:2px 2px 0px #ffffff;transition:background-color .5s ease,color .5s ease}.portfolio-link{border-radius:16px 0 0}.projects-link{border-radius:0 16px 0 0}.about-link{border-radius:0 0 0 16px}.contact-link{border-radius:0 0 16px}.homenavbar-nav-links a:hover{background-color:#1b9aaa;text-shadow:2px 2px 0px #105058;color:#fff}.homenavbar-footer{width:calc(100% - 4rem);height:60px;margin:0 2rem;border-top:2px solid #050505;text-align:center;color:#050505}@media (max-width: 475px){.homenavbar-title{font-size:1rem}.homenavbar-nav-container{margin:.5rem}.homenavbar-nav-links a{padding:.5rem;margin:.05rem;font-size:1.25rem;transition:background-color .2s ease,color .2s ease}}.nav{position:relative;padding:2rem;height:100px;text-align:left;z-index:9998;text-decoration:none}.nav-container{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid #050505;width:100%}.nav-links{display:flex;gap:1rem}.nav-links a{color:#1b9aaa;text-decoration:none;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background-color:#f5f1e3;transition:width .3s ease-in-out}.nav-links a:hover:after{width:100%}.logo a{font-family:Megrim;text-decoration:none;color:#1b9aaa;text-shadow:1px 0 #1b9aaa,0 1px #1b9aaa,-1px 0 #1b9aaa,0 -1px #1b9aaa}.logo{font-size:2rem;will-change:filter;transition:filter .3s;text-decoration:none}.logo:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background-color:#f5f1e3;transition:width .3s ease-in-out}.logo:hover:after{width:100%}@media (max-width: 430px){.nav{padding:1rem}.nav-container{display:flex;flex-direction:column;align-items:flex-start}.logo{font-size:1.5rem}}@media (min-width: 430px) and (max-width: 900px){.nav-container{display:flex;flex-direction:column;align-items:flex-start}.nav-links{display:flex}}.page-content{padding:2rem;text-decoration:none;justify-content:left;padding-bottom:100px}.footer{position:relative;bottom:0;left:0;width:calc(100% - 4rem);height:60px;margin:0 2rem;border-top:2px solid black;text-align:center}@media (max-width: 430px){.page-content{padding:1rem}}@media (min-width: 430px) and (max-width: 900px){.page-content{padding:2rem}}.ProjectsLink{text-decoration:none;color:#1b9aaa;position:relative}.ProjectsLink:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background-color:#f5f1e3;transition:width .3s ease-in-out}.ProjectsLink:hover:after{width:100%}li{margin-bottom:1rem;display:flex;flex-direction:column;width:100%}.even{align-items:flex-start}.even button{color:#1b9aaa;border-color:#eaf6ff}.odd{align-items:flex-start}.odd button{color:#eaf6ff;border-color:#1b9aaa}button{background-color:#dddbcb;font-size:1rem;transition:background-color .3s ease,transform .2s ease;width:fit-content;text-align:center;margin:0;border:solid;position:relative;border-radius:8px}button:after{content:"";position:absolute;bottom:-2px;height:2px;width:0%;transition:width .5 ease-in-out}button:hover:after{width:100%}button:hover{transform:scale(1.1)}.post-content{margin-top:.5rem;padding:1rem;border-radius:6px}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{zoom:1}ul,ol{list-style:none;margin:0;padding:0}@font-face{font-family:Megrim;src:url(/assets/Megrim-Regular-D_9JtjxA.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Orbit;src:url(/assets/Orbit-Regular-C6ukZApx.ttf) format("truetype");font-weight:400;font-style:normal}:root{font-family:Orbit;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;max-width:100vw;color:#050505;background-color:#dddbcb}
