article{display:flex;flex-direction:row;justify-content:center;width:100vw;margin-bottom:3rem}article>div{width:30rem;padding:1rem}article .preface{margin-bottom:8rem}article .items>div{margin-bottom:8rem}article .items>div>h3{margin-top:.5rem}h1{font-size:2rem;margin-bottom:0rem}h2{font-size:1.75rem;margin-bottom:0rem}h3{font-size:1.5rem;margin-bottom:0rem}p{font-size:1rem}#header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}#header>.navigation{display:flex}#header>.navigation .naviItem{padding:.75rem;margin-right:1rem;font-size:1rem;color:#000;cursor:default;text-decoration:none}#header>.navigation .naviItem:hover{cursor:pointer;color:red}#logo{padding:.75rem;cursor:pointer;width:5rem}#home{width:22rem}#home #face{width:20rem;height:20rem}#gallery .row{width:100%;display:flex;flex-wrap:wrap;padding:0 .5rem;justify-content:center}#gallery .column{flex:25%;max-width:25%;padding:0 .25rem}#gallery .column img{margin-top:.5rem;vertical-align:middle;width:100%}@media screen and (max-width: 800px){#gallery .column{flex:50%;max-width:50%}}@media screen and (max-width: 600px){#gallery .column{flex:100%;max-width:100%}}#projects{width:20rem}#projects ul{padding:0}#projects ul li{padding:1rem 0;font-size:1.5rem}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100vw;height:100vh}html{box-sizing:border-box;font-size:16px;font-family:Arial,Helvetica,sans-serif}*,*:before,*:after{box-sizing:inherit}ol,ul{list-style:none}img{max-width:100%;height:auto}