body{margin:0;font-family:Afacad,sans-serif;background-color:#f6f0e1;color:#697e56}.green-container{background-color:#697e56;color:#f6f0e1;padding:2% 3%}.blank-container{background-color:#f6f0e1;color:#697e56;padding:2% 3%}.text-image{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 500px){.text-image{grid-template-columns:1fr}}h1{font-size:clamp(28px,6vw,9vw);margin:2%}h2{font-size:clamp(23px,3vw,3vw);margin:2%}p{font-size:clamp(16px,1.7vw,1.75vw);margin:2%}.center{display:flex;justify-content:center;align-self:center}button{all:unset;cursor:pointer;outline:#F6F0E1 1px solid;padding:3px 7px;border-radius:10px;box-shadow:#436a43 5px 5px 5px;height:fit-content}button:hover{background-color:#869f6b}.small{margin:3px;font-size:1.5vw}.nav-button{margin-left:2%;margin-top:1rem}.portrait-container{display:flex;justify-content:right;align-items:center}.pixel-portrait{max-width:80%;height:auto}@media (max-width: 500px){.pixel-portrait{max-width:50%;min-width:100px}}.small-bits{font-size:3vw;display:inline}.gallery{display:grid}.collection-preview{max-width:100%;height:30vw;max-height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.collection-preview img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:#38403359;display:flex;justify-content:center;align-items:center}.overlay h2{color:#f6f0e1;text-transform:uppercase;font-weight:400}.overlay:hover h2{color:#fdc024}.overlay:hover{background:#38403373;color:#fdc024}.ram-grid{display:grid;gap:12px;padding:2%;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:100vw}@media (max-width: 500px){.ram-grid{grid-template-columns:1fr}.collection-preview{height:150px}}.bit-cell{padding:.5rem;position:relative;text-align:center;max-width:100%}.ram-grid img{max-width:100%;height:auto;vertical-align:middle;display:inline-block}.bit-label{font-size:1rem;font-family:monospace}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.modal{background:#f6f0e1;padding:25px;border-radius:5px;width:60em;max-width:90%;max-height:90%;text-align:center;color:#667b4b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.carrousel-image{max-width:100%;border-radius:5px;max-height:70vh;display:block;margin:1% auto;justify-self:center}.modal button{padding:2px}.collection-view{max-width:100%}.collection-view button:hover{background:#d8d3c6}.collection-view button{outline:#869f6b 1px solid;box-shadow:#a89f8f 5px 5px 5px}.carrousel-button-left{margin-top:1rem;margin-right:1rem;text-align:center}.carrousel-button-right{margin-left:1rem}h3{padding:2%}.contact-box{background-color:#697e56;color:#f6f0e1;padding:5% 10%;text-align:center;max-height:100vh}.contact-box a{color:#f6f0e1}.icon_container{display:flex;padding-top:30px;justify-content:center}.icon{padding-left:20px;padding-right:20px;max-width:60px}.projects-grid{display:grid;gap:12px;padding:1rem;margin:10px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-cell{padding:.5rem;position:relative;text-align:center}.under-construction{color:#f15f3d;text-align:center;align-content:center}.under-construction img{height:30vh}nav{background-color:#f6f0e1;overflow:hidden;outline:#697E56 solid 3px}nav ul{list-style:none;display:flex;justify-content:flex-end;align-items:center}nav li{height:50px}nav a{height:100%;padding:0 30px;text-decoration:none;display:flex;align-items:center;color:#697e56;font-size:25px}nav a:hover{color:#436a43;transform:scale(1.03)}nav li:first-child{margin-right:auto}nav li:first-child a{text-shadow:none}.sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:#f6f0e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-10px 0 10px #0000001a;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden}.sidebar li,.sidebar a{width:100%}.sidebar li:first-child{background-color:#f6f0e1}.here{text-decoration-line:underline}#logo{font-size:35px}@media (min-width: 800px){.showOnMobile{display:none}}@media (max-width: 800px){.hideOnMobile{display:none}}@media (max-width: 400px){.sidebar{width:100%}}