*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f1f1;color:#070707;font-family:Helvetica, Arial, sans-serif}h1{font-family:'Noto Sans', Helvetica, Arial, sans-serif;font-size:8.5rem;letter-spacing:-0.18rem}h2{font-family:'Noto Sans', Helvetica, Arial, sans-serif;font-size:1.8rem;letter-spacing:-0.05rem}.line-top{width:100%;border-top:2px solid black;padding-bottom:30px}.line-bottom{width:100%;border-bottom:2px solid black;padding-top:30px}a{text-decoration:none;color:#070707}a:hover{color:#070707}a:visited{color:#070707}#main{display:block;height:100vh;width:100vw}.brand{position:absolute;width:300px;height:200px;margin-left:2rem;margin-top:2rem}.brand h2{margin-bottom:0.6rem}.brand p{padding:0 30px;line-height:1.5rem}.nav{width:100px;height:130px;position:fixed;bottom:2rem;left:2rem}.nav ul li{font-size:1.8rem;list-style:none;line-height:2.8rem}.social-icons{position:fixed;right:2rem;top:2rem}.content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;width:1100px;margin-left:auto;padding-right:200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#works{height:100vh}#works .content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem}#works p{font-size:1.4rem}.info-area{padding-top:1rem}.info-area p{font-size:1.6rem}.info-area ul{padding-top:20px}.info-area ul li{font-size:1.4rem;font-weight:bold;list-style:none;line-height:2rem}#contact{height:95vh}#contact .content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem}#copyright{height:5vh;width:100vw;text-align:center;margin-bottom:10px}#copyright p{font-size:1.2rem}@media only screen and (max-width: 1280px){.nav{left:auto;right:2rem}}@media only screen and (max-width: 1120px) and (min-width: 827px){h1{font-size:5rem}.content{width:800px}}@media only screen and (max-width: 826px){h1{font-size:3rem;text-align:center}.content{width:100vw;padding-left:20px;padding-right:20px}#main .content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav{display:none}#copyright p{font-size:0.8rem}}@media only screen and (max-width: 388px){#works .content p{font-size:1.2rem}}@media only screen and (max-height: 500px){#works{height:130vh}#works .content p{font-size:1.2rem}#copyright p{font-size:0.8rem}}
/*# sourceMappingURL=style.css.map */