@-webkit-keyframes typeAnim{from{opacity:1}to{opacity:0}}@keyframes typeAnim{from{opacity:1}to{opacity:0}}body{font-family:Montserrat;margin:0;padding:0;height:100vh;overflow-y:scroll;overflow-x:hidden;-webkit-transition:background 1.5s;transition:background 1.5s}body::-webkit-scrollbar{width:10px;background:rgba(0,0,0,.9)}body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}p{font-size:1.5em;font-weight:400;line-height:1.4em}.welcome-bg{height:100%;width:100%;background:#000;background-size:auto 100%;background-position:center;background-repeat:no-repeat}.welcome-scroll{position:absolute;color:#fff;font-size:1.6em;-webkit-transition:opacity 1s,-webkit-transform .5s;transition:opacity 1s,-webkit-transform .5s;transition:transform .5s,opacity 1s;transition:transform .5s,opacity 1s,-webkit-transform .5s;cursor:pointer;opacity:0;max-width:1000px;width:100%;text-align:right;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:-20px auto 0}.welcome-scroll i{float:right;text-align:right;padding:0 30px}.welcome{color:#fff;font-size:3em;position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:900;-webkit-transition:opacity 1s;transition:opacity 1s;width:290px}.welcome-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 2.5s;transition:-webkit-transform 2.5s;transition:transform 2.5s;transition:transform 2.5s,-webkit-transform 2.5s;width:100%}.welcome-line{width:3px;height:50px;margin:10px 5px;background:#fff;opacity:1;-webkit-animation:typeAnim 1s infinite;animation:typeAnim 1s infinite}.content{background:#fff;width:100vw}.content-inner{max-width:900px;min-height:100vh;margin:auto}.main-title{font-family:"Abril Fatface";font-size:4em;text-align:center;padding:10px 0}.main-desc{font-size:.95em;color:#333;font-weight:400;margin:auto;padding:0 40px;max-width:540px;text-align:center;line-height:1.5em}.sub-title{font-family:"Abril Fatface";font-size:2.8em;text-align:center;padding:10px 0}.sub-desc{font-size:.95em;color:#333;font-weight:400;margin:auto;padding:0 40px;max-width:540px;text-align:center;line-height:1.5em}.final-section{height:100vh;width:100%;position:absolute;left:0;right:0;background:url(../img/wacom.jpg) no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.inner-final{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;padding:100px 0}.final-title{font-family:Montserrat;font-size:1.5em;color:#fff;background:#000;letter-spacing:.2em;font-weight:400;text-align:center;padding:10px 0;width:400px;margin:20px auto}.lets-work{text-align:center;padding:0}.lets-work a{font-family:Montserrat;font-size:4em;letter-spacing:.1em;font-weight:400;text-decoration:none;color:#fff;-webkit-transition:font-weight .15s;transition:font-weight .15s}.lets-work i{-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}.lets-work:hover i{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.content-section{margin:40px 0}.content-section.final-section{margin-bottom:0}.content-img{height:200px}.img-section{height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:850px;margin:25px auto}.img-section-item{margin:20px 20px;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.img-small{width:35%}.img-big{width:65%}.tool-grid{display:-ms-grid;display:grid;margin:auto;max-width:738px;-ms-grid-columns:auto auto auto auto;grid-template-columns:auto auto auto auto}.tool-grid-item{text-align:center;font-size:1.3em;margin:30px 10px;z-index:0}.tool-grid-item i{padding:10px;font-size:2em}.social{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto auto auto;grid-template-columns:auto auto auto auto auto;margin:20px auto 0;width:320px}.social-icon{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;padding:0 20px;text-align:center}.social-icon a{font-size:2.5em;color:#000}.social-icon:hover{-webkit-transform:scale(1.6) rotateZ(-20deg);transform:scale(1.6) rotateZ(-20deg)}@media only screen and (max-width:700px){body{font-size:1.1em}.main-desc{width:auto;padding:0 20px}.img-section{display:block;height:175px}.img-big,.img-small{width:80%;margin-left:auto;margin-right:auto}.content-section:not(.content-img){padding:20px 0}.content-img{height:350px}.tool-grid{width:552px;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto}.tool-grid-item{width:160px}}@media only screen and (max-width:600px){.tool-grid{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;width:457px}.tool-grid-item{margin:10px 5px;font-size:1.1em;width:140px}}@media only screen and (max-width:500px){.tool-grid{-ms-grid-columns:auto auto;grid-template-columns:auto auto;width:285px}.tool-grid-item{margin:10px 5px;font-size:1.15em;width:130px}.final-section{height:120px;font-size:.5em}}