@font-face {font-family: EX; src: url(../font/1.ttf); }
  @font-face {font-family: EY; src: url(../font/2.ttf); }
  @font-face {font-family: ET; src: url(../font/3.ttf);  }


  .center{text-align: center;margin-top: 20vh;cursor: default;}
  .center span{color: blueviolet;}
  .center h2{color:chocolate;cursor: pointer;}

html{font-family: EX;font-size: 50px;color: #1d252c;}
body{background-image:url('../img/background.webp');background-size: cover;padding: 0;margin: 0;background-color: black;}

@media only screen and (max-width: 800px) {
  .ticket p{display: none;}
  .mail-me{right: 11vw!important;margin-top: 3vh!important;}
  .hello p{left: 7vw!important;}
}

.send-message{height: 100vh;width: 100vw;position: fixed;background-color: rgba(0, 0, 0, 0.454);text-align: center;z-index: 2;color: goldenrod;display: none;}
.send-message img{height: 300px;margin-left: 300px;transform: rotate(25deg);}
.send-message h3{margin: 0;background: rgb(64, 64, 78);width: fit-content;margin-left: 10vw;cursor: default;}
.send-message span{color: gold;font-size: 150px;position: absolute;right: 4vw;top: 2vh;cursor: pointer;background: rgb(64, 64, 78);width: 100px;}
.send-message span:hover{color: cornflowerblue;}
.send-message input {width: 80vw;text-align: center;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;height: 100px;font-size: 70px;font-family: EX;}
.send-message textarea {width: 80vw;height: 150px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;resize: none;text-align: center;font-family: EY;font-size: 30px;}
.send-message button{text-decoration: none;border: none;font-family: EX;font-size: 50px;background: rgb(64, 64, 78);position: absolute;right: 10vw;cursor: pointer;color: currentcolor;}
.send-message button:hover{color: cornflowerblue;background: rgb(64, 64, 78);}

.top{height: 20vh;}

.hello{height: 350px;cursor: default;font-size: 75px;margin-bottom: 50px;}
.hello p{position: absolute;left: 20vw;}
.hello p:first-of-type{padding: 2px;color: indianred;}

.ticket{position: absolute;left: 10vw;transform: translateY(-60px);transition: 1s;display: flex;cursor: pointer;}
.ticket:hover{transform: translateY(0px);}
.ticket img{height: 100px;}
.ticket p{margin: 0;padding: 0;margin-top: 1vh;}
.ticket p:last-of-type{margin-left: -138px;color: indianred}

.mail-me{position: absolute;right: 5vw;margin-top: 1vh;cursor: pointer;}
.mail-me img{mix-blend-mode: color-burn;max-height: 120px;position: absolute;top: 0;opacity: 0.6;}
.mail-me p{padding: 0;margin: 0;padding-left: 20px;color: black;opacity: 0.96;}
.mail-me p:last-of-type{position: absolute;top: -2px;right: -1px;; filter: invert();}

.games{position: absolute;right: 0;transition: 1s;}
.games:hover{}
.games img{height: 150px;cursor: pointer;}
.games p{padding: 0;margin: 0;margin-left: 45px;cursor: pointer;position: absolute;}
.games p:last-of-type{padding: 2px;color: indianred;}

.controlls{}
.controlls img{height: 15px!important;position: absolute;}
.jstick-up{bottom: 67px;left: 29px;}
.jstick-left{bottom: 50px;left: 13px;transform: rotate(-90deg);}
.jstick-right{bottom: 50px;left: 45px;transform: rotate(90deg);}
.jstick-down{bottom: 34px;left: 29px;transform: rotate(-180deg);}
.jstick-green{bottom: 66px;right: 72px;}
.jstick-pink{bottom: 51px; right: 87px;}
.jstick-blue{bottom: 35px;right: 73px;}
.jstick-red{bottom: 51px;right: 58px;}
.jstick-start{bottom: 32px;left: 57px;height: 8px!important;}

.shop{display: flex;transform: translateX(-70px);transition: 1s;width: fit-content;cursor: pointer;margin-top: 200px;}
.shop img{max-height: 650px;}
.shop p{margin-top: 500px;margin-left: -200px;}
.shop p:last-of-type{margin-left: -80px;color: indianred;}
.shop:hover{transform: translateX(0px);cursor: pointer;}

.music{display: flex;height: 45vh;}
.music img{height: 400px;mix-blend-mode: hard-light;position: absolute;right: 0vw;cursor: pointer;}
.music p{position: absolute;right: 0vw;margin: 0;margin-top: -20px;margin-right: 10px;cursor: pointer;}
.music p:last-of-type{color: indianred;padding: 2px;}

.me{text-align: center;margin-top: 100px;}
.me img{height: 200px;cursor: pointer;}
.me p{margin: 0;margin-left: 150px;margin-bottom: -57px;padding: 1px;}
.me p:last-of-type{color: indianred;}

.line-braker{background-image: url('../img/shitpartsofgazet.webp');height: 150px;background-size: cover;}

.sign{cursor: default;}
.sign p{padding: 0;margin: 0;text-align: center;}
.sign p:last-of-type{margin-top: -55px;color: indianred;}