@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}*{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;user-select:none;-ms-touch-action:none;speak:none;font-style:normal;font-weight:normal;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-positon: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-positon: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:'\e900';font-size:18px}#middle .works span a.dribbble:before{content:'\e901';font-size:26px}#middle .works span a.instagram:before{content:'\e902';font-size:26px}#middle .works span a.youtube:before{content:'\e905';font-size:28px}#middle .works span a.linkedin:before{content:'\e904';font-size:24px}footer{display:flex;flex-direction:column;align-items:center}footer .ctt{border-top:1px rgba(92,95,102,0.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:'\e906';font-family:'ico';margin:0 5px 0 0}footer i{width:1px;height:14px;margin:0 8px;background-color:rgba(92,95,102,0.4)}@media only screen and (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(92,95,102,0.4) solid;padding:15px 0}footer p{flex-direction:column}footer i{display:none}}