.st0,.st1{fill:none}p,html,body,h1{margin:0;padding:0;overflow:hidden}.st1{stroke:#FF1125;stroke-width:30;stroke-miterlimit:10}.st2,.st3{clip-path:url(#SVGID_2_);stroke:#FF1125;fill:none}.st2{stroke-width:35;stroke-miterlimit:10}.st3{stroke-width:36;stroke-miterlimit:10}.st4{fill:none;stroke:#FF1125;stroke-width:34;stroke-miterlimit:10}body{width:100%;margin:0;display:flex;align-items:center;align-content:center;height:100vh;font-family:Roboto,sans-serif}canvas{width:100%;height:100vh;position:fixed;z-index:1}.logo svg{cursor:pointer;width:170px;height:auto;transition:all .5s}#logo-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(255,255,255,.25);z-index:2}.contact-block{position:absolute;right:15px;top:15px;text-align:right;opacity:0;transition:.75s}.contact-block p{margin:5px}.contact-block a{color:#555;text-decoration:none;font-size:150%;font-weight:300}.contact-block a:hover{color:#000;transform:scale(1.05)}h1{font-size:45px;margin-left:3%;font-weight:900;display:inline-block;transition:all .5s;width:0;white-space:nowrap}h1::selection{background-color:#333;color:#fff}svg.finished+h1{width:270px}svg.finished+h1+div{opacity:1}@media screen and (orientation:portrait) and (min-width:768px){.logo svg{width:30%}h1{font-size:400%}svg.finished+h1{width:400px}.contact-block{right:15px}.contact-block a{font-size:300%}}@media screen and (orientation:portrait) and (max-width:480px){h1{font-size:200%}.logo svg{width:100px}svg.finished+h1{width:200px}}