@font-face{font-family:ico;src:url(/fonts/icomoon.eot?vagjkw) src url(/fonts/icomoon.eot?vagjkw#iefix) format("embedded-opentype"),url(/fonts/icomoon.ttf?vagjkw) format("truetype"),url(/fonts/icomoon.woff?vagjkw) format("woff"),url(/fonts/icomoon.svg?vagjkw#icomoon) format("svg") font-weight normal font-style normal}@font-face{font-family:montserratbold;src:url(/fonts/montserrat-bold.eot) src url(/fonts/montserrat-bold.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat-bold.woff2) format("woff2"),url(/fonts/montserrat-bold.woff) format("woff"),url(/fonts/montserrat-bold.ttf) format("truetype"),url(/fonts/montserrat-bold.svg#montserratbold) format("svg") font-weight normal font-style normal}@font-face{font-family:montserratlight;src:url(/fonts/montserrat-light.eot) src url(/fonts/montserrat-light.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat-light.woff2) format("woff2"),url(/fonts/montserrat-light.woff) format("woff"),url(/fonts/montserrat-light.ttf) format("truetype"),url(/fonts/montserrat-light.svg#montserratlight) format("svg") font-weight normal font-style normal}html,body{width:100%;height:100%;border:none;margin:0;padding:0;font-family:montserratlight,sans-serif;background-color:#090a0b}#root{display:flex;flex-direction:column;width:100%;height:100%}*{text-decoration:none;margin:0;outline:none;padding:0;touch-callout:none;text-size-adjust:none;tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-ms-touch-action:none;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:100;color:#5c5f66;font-size:30px;letter-spacing:-2px;line-height:39px;text-align:center}h1 i{color:#fff}h5{font-weight:100;font-size:20px;color:#fff;letter-spacing:0;text-align:center}strong{color:#fc3400;font-family:montserratbold}p{font-size:12px;color:#5c5f66;letter-spacing:2px;text-align:center;line-height:18px}p a{color:#5c5f66;text-decoration:none}p a:hover{color:#fc3400}#wrapper{width:100%;height:100%;min-width:1080px;display:flex;flex-direction:column}.ctt{width:1076px;display:flex;flex-direction:column}header{display:flex;flex-direction:column;align-items:center;padding:40px 0 0}header figure{width:75px;height:72px;background-image:url(/images/logo.svg);background-size:cover;background-position:center;background-repeat:no-repeat}#middle{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}#middle .about{margin:0 0 150px;display:flex;flex-direction:column;align-items:center}#middle .about figure{width:54px;height:41px;margin:0 0 20px;background-image:url(/images/pc.svg);background-size:cover;background-position:center;background-repeat:no-repeat}#middle .works{display:flex;flex-direction:column;align-items:center}#middle .works span{display:flex;flex-direction:row;margin:30px 0 0}#middle .works span a{width:34px;height:34px;margin:0 10px;display:flex;align-items:center;justify-content:center;color:#606166}#middle .works span a:hover{color:#ff3400}#middle .works span a:before{font-family:ico;display:flex}#middle .works span a.behance:before{content:"";font-size:18px}#middle .works span a.dribbble:before{content:"";font-size:26px}#middle .works span a.instagram:before{content:"";font-size:26px}#middle .works span a.youtube:before{content:"";font-size:28px}#middle .works span a.linkedin:before{content:"";font-size:24px}footer{display:flex;flex-direction:column;align-items:center}footer .ctt{border-top:1px rgb(92,95,102,.4) solid;padding:35px 0}footer p{display:flex;flex-direction:row;align-items:center;justify-content:center}footer a{display:flex;flex-direction:row;align-items:center;justify-content:center}footer a:before{content:"";font-family:ico;margin:0 5px 0 0}footer i{width:1px;height:14px;margin:0 8px;background-color:#5c5f6666}@media(max-width:640px){#wrapper{min-width:100vw}.ctt{width:300px}h1{font-size:22px;letter-spacing:-1px;line-height:27px}h5{font-size:16px}p{font-size:10px;letter-spacing:1px;line-height:18px}p a{color:#5c5f66;text-decoration:none}p a:hover{text-decoration:underline}header{padding:25px 0 0}header .ctt{align-items:center}header figure{width:55px;height:55px}#middle .about{margin:0 0 90px}#middle .about figure{width:40px;height:30px;margin:0 0 15px}#middle .works span{display:flex;flex-direction:row;margin:15px 0 0}footer .ctt{border-top:1px rgba(#5C5F66,.4) solid;padding:15px 0}footer p{flex-direction:column}footer i{display:none}}