html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}:root{--background:#0c0c0c;--dark-gray:#111;--mid-gray:#393939;--light-gray:#676767;--lighter-gray:#c2c2c2;--dark-shadow:#000b;--darkish-shadow:#00000050;--accent:#0f5262;--accent-dark:#08364e;--font-pixel:silkscreen}body{background-color:var(--background);color:var(--light-gray);font-family:quicksand}h1{font-family:var(--font-pixel);color:#fff;font-size:30px}h2{font-family:var(--font-pixel);color:#fff;font-size:22px}.flex-row{display:flex}.center{justify-content:center;align-items:center}.button{background-color:var(--dark-gray);color:#fff;font-family:var(--font-pixel);opacity:.9;border:5px solid #000;border-radius:30px;padding:14px 24px;box-shadow:2px 2px 12px #000000b1}.button:hover{cursor:pointer;background-color:#1d1d1d}.button-2{background-color:var(--accent);color:#fff;box-shadow:2px 2px 15px var(--darkish-shadow);opacity:.9;text-wrap:nowrap;border-radius:10px;padding:10px 26px;transition:all .2s}.button-2:hover{background-color:var(--accent-dark)}.icon-container{width:40px;height:40px;color:var(--background);font-family:var(--font-pixel);background-color:#fff;border:5px solid #000;border-radius:100%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;box-shadow:2px 2px 12px #000000b1}.icon-container:hover{cursor:pointer}.filter-btn{background-color:var(--dark-gray);color:var(--lighter-gray);border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.filter-btn:hover{cursor:pointer}.project-grid{grid-template-columns:1fr 1fr;gap:90px;margin-top:30px;display:grid}@media (width<=1300px){.project-grid{grid-template-columns:1fr}}.image-container{aspect-ratio:5/4;width:100%;box-shadow:5px 5px 15px var(--dark-shadow);border-radius:20px;margin-bottom:36px;position:relative;overflow:hidden}.image-container>img{object-fit:cover;width:100%;height:100%;transition:opacity .3s ease-in-out}.text-container{flex-direction:column;gap:22px;margin:0 6px;display:flex}.type-tag{background-color:var(--dark-gray);color:#fff;opacity:.7;border-radius:5px;padding:10px 20px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.arrow{color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dot-container{justify-content:center;gap:8px;width:100%;display:flex;position:absolute;bottom:10px}.dot{cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .2s}.tech{background-color:var(--dark-gray);color:var(--lighter-gray);text-wrap:nowrap;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}