*{font-family:open sans,Helvetica,Arial,sans-serif;font-weight:300}html{height:100%}body{position:relative;height:100%;background-color:#171a27}h1,h2,h3,h4,h5,h6{color:#fff}p{font-weight:300}img{background-size:auto}a{color:#fff;border-bottom:1px dotted rgba(255,255,255,.5)}a:hover,a:active,a:focus{text-decoration:none;color:#bb50f1;border-bottom:1px dotted #bb50f1}.logo{display:block;border-bottom:0;margin-top:40px}.logo:hover{border:0;opacity:.8}.logo svg{max-width:100%}.logo svg .cls-1{fill:#fdc609}.logo svg .cls-2{fill:#fff}.error{border-color:red!important}::-webkit-input-placeholder{color:#fff}:-moz-placeholder{color:#fff;opacity:1}::-moz-placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:#fff}.container{position:relative;display:flex;align-items:center}.btn{font-size:18px;font-weight:300;color:#fff;border:0 solid;border-bottom:2px solid;border-color:#2467b7;padding:10px 41px;border-radius:5px;background:0 0;display:inline-block;margin:10px 0;background-color:#3c7fd3;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-decoration:none;cursor:pointer}.btn:hover{background:#2467b7;color:#fff;text-decoration:none}#wrapper{min-height:100%;height:100%;width:100%;display:flex}.giraffe{position:relative;width:100%;text-align:center}.giraffe svg{animation:glitch 1s linear infinite;overflow:visible;width:50%;height:auto;fill:#e8dc00}.giraffe svg #katman_3{position:absolute;left:0;fill:#e8dc00}.giraffe svg #katman_1{animation:glitchBotom 2s linear infinite;clip-path:polygon(0 0,100% 0,100% 62%,0 37%);-webkit-clip-path:polygon(0 0,100% 0,100% 63%,0 38%)}.giraffe svg #katman_3{clip-path:polygon(0 37%,100% 62%,100% 100%,0 100%);-webkit-clip-path:polygon(0 37%,100% 62%,100% 100%,0 100%)}.info{min-width:50%;position:relative;z-index:999}.info h1{font-size:50px;line-height:60px;font-weight:700;color:#fff}.info p{font-size:20px;line-height:30px;color:rgba(255,255,255,.5);margin:20px 0}.info p.links{display:block;margin:0 -10px}.links a{line-height:2;margin:0 10px}.animationload{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}.loader{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px;background-image:url(../img/ajax-loader.gif);background-position:center;background-repeat:no-repeat}@keyframes glitch{2%,64%{transform:translate(2px,0) skew(0deg)}4%,60%{transform:translate(-2px,0) skew(0deg)}62%{transform:translate(0,0) skew(5deg)}}@keyframes glitchTop{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px) skew(-13deg)}}@keyframes glitchBotom{2%,20%{fill:rgba(255,255,255,.10196078431372549)}5%,10%{fill:#e8dc00}10%,60%{fill:rgba(255,255,255,.10196078431372549)}80%{fill:#e8dc00}}@media (max-width: 600px){.container {    flex-direction: column-reverse;}}@media (max-width: 992px){.container {    flex-direction: column-reverse;} }@media (max-width: 1200px){.info {    text-align: center;    margin-bottom: 20%;} }@media (max-width: 440px)
{
.info h1 {
    font-size: 30px;
    line-height: 40px;
} }
@media (max-width: 440px)
{
.info p {
    font-size: 15px;
}}@media (max-width: 600px)
{
.giraffe {
    margin-bottom: 10%;
} }
.logo svg {
    max-width: 25%;
}