@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:ital,wght@0,700;1,400;1,700&display=swap);
html{margin:0px;height:100%;width:100%}body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:center;margin:0;padding:0;background:white;width:100%;min-height:100%}body .macky{display:block;position:relative;width:100%}@media (min-width: 768px){body .macky{width:auto}}body .macky img{display:block;max-width:100%;width:100%}body .macky img.desk{display:none}@media (min-width: 768px){body .macky img{width:auto}body .macky img.mob{display:none}body .macky img.desk{display:block}}body .macky .vid{display:block;position:absolute;top:7.4%;left:17.9%;width:65.3%;height:40.8%}@media (min-width: 768px){body .macky .vid{top:7.4%;left:21.9%;width:39.3%;height:40.8%}}body .macky .vid video{display:block;position:absolute;top:0;left:0;width:100%;height:100%}body .macky .message{display:block;position:absolute;left:calc((98% - 280px) / 2);width:280px;bottom:30%;padding:4px;background:#ccc;color:#333;font-family:"Press Start 2P",sans-serif;font-weight:400;font-size:14px;white-space:nowrap;overflow:hidden;animation:type 6s steps(60, end)}@media (min-width: 1024px){body .macky .message{left:1%;width:322px;bottom:59%;background:white;color:black;font-size:16px;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}}body .macky .get-in-touch{display:block;position:absolute;left:calc((100% - 135px) / 2);width:135px;top:-11%}@media (min-width: 550px){body .macky .get-in-touch{top:0%}}@media (min-width: 768px){body .macky .get-in-touch{left:65%;width:210px;top:46%}}@media (min-width: 1024px){body .macky .get-in-touch{width:270px}}body .floppy-cont{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}body .floppy-bubble{display:flex;align-items:center;justify-content:center;position:absolute;background:rgba(33,100,238,0.5);border-radius:100%;color:white;text-align:center;font-family:sans-serif;padding:20px;overflow:hidden;-webkit-transform:scale(0.01);-moz-transform:scale(0.01);-o-transform:scale(0.01);-ms-transform:scale(0.01);transform:scale(0.01);-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;width:300px;height:300px}@media (min-width: 768px){body .floppy-bubble{width:400px;height:400px}}@media (min-width: 1024px){body .floppy-bubble{margin-left:-180px}}body .floppy-bubble:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background:#2164ee;vertical-align:middle}body .floppy{display:block;width:218px;height:226px;background:url(9108d6f08ac49be2e42e.png) center center no-repeat;background-size:contain;padding:0;line-height:1.2;opacity:0;transform:translateY(-200px);-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}body .floppy.opened{opacity:1;transform:translateY(0px)}body .floppy a{display:block;width:100%;color:black;text-decoration:none}body .floppy a:nth-child(1){padding-top:30px}body .floppy-cont.opened{z-index:9000}body .floppy-cont.opened .floppy-bubble{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background:#2164ee;vertical-align:middle}@keyframes type{from{width:0}}