*{box-sizing:border-box;margin:0;padding:0}header{width:100%;min-height:10vh;background-color:#9e2a2a;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:15px}header button{color:#fff;background-color:transparent;border:none;padding:15px;font-size:20px}.logo{padding:17px;width:5vw;height:10vh}.logo:hover{transition:.4s;cursor:pointer}p{font-family:Tofino}button p{font-size:30px;padding-left:10px;padding-right:10px}button p:hover{transition-duration:.1s;cursor:pointer;color:#e25959}.button-container{width:auto;display:flex;justify-content:center;align-items:center;padding-left:7px;padding-right:7px}.button-selected{color:#e25959}.fixed-footer{border-top:2px solid #9e2a2a;position:fixed;left:0;bottom:0;width:100vw;height:50px;background-color:#fff;color:#da2a2b;text-align:left;font-size:15px;text-indent:2px;font-family:Tofino;font-weight:400;z-index:1}.fixed-footer p{margin:15px}html{overflow-y:scroll}@font-face{font-family:"Tofino";font-weight:400;src:url(/static/media/TofinoPersonal-Regular.a3ceb50b.woff)}.work{display:flex;min-height:100vh;width:100vw;z-index:0}.filter,.work{position:relative}.filter{font-family:Tofino;text-decoration:none;height:10px;width:13px;padding:2px}li{margin:10px}.filter:hover{cursor:pointer;color:#9e2a2a}.selected{color:#9e2a2a;list-style:circle}.list-container{padding:30px;list-style-type:none;position:fixed;left:0;z-index:0}.portfolio-wrapper{margin:auto}.masonry{position:relative;margin-left:200px;margin-right:200px;margin-bottom:200px;border:2px solid #000;border-top:none;min-height:100vh;width:100vw;z-index:-1}.about{display:flex;justify-content:center;align-items:center}.about,.paragraph-container{border:1px solid #000;height:60vh}.about-pic,.paragraph{border:1px solid #000}.about-pic{background-image:url(/static/media/ROJI@3x.2b465073.png)}@media only screen and (max-width:767px){header{width:100vw;min-height:10vh;background-color:#9e2a2a;display:flex;justify-content:center;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:15px}.masonry{position:relative;margin-left:120px;margin-right:auto;margin-bottom:100px;border:2px solid #000;border-top:none;min-height:100vh;width:70vw;z-index:-1}.list-container{padding:0;list-style-type:none;position:fixed;left:0;z-index:0}}
/*# sourceMappingURL=main.e90d2fe6.chunk.css.map */