@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background: url("./Images/background.jpg");
    background-position:fixed;
    width: 100vw;
    height: 100vh;
    background-image: center;
    background-repeat:no-repeat;
    background-size:cover;
    font-family: 'Press Start 2P', cursive;
}
img{
    height: 100%;
    width: 100%;
}
.main-page{
    position: fixed;
    background-color: rgb(255, 255, 255);
    height: 100vh;
    width: 100vw;
    z-index: 2;
    transition: all 0.5s ease-in;
}
.head-img img{
    width: 50%;
    height: 30vh;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.game-text{
    display: block;
    font-family: 'Press Start 2P', outline;
    font-size:1.3rem;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #000000;
    letter-spacing: .05em;
    text-shadow:  
      3px 3px 0px rgb(255, 255, 255),
      5.5px 5.5px 0px rgb(255, 0, 0);
}
.play_game{
    position: fixed;
    display: inline-block;
    background: black;
    padding:20px;
    color: #ffffff;
    text-shadow:  
      2px 2px 0px rgb(0, 0, 0),
      3.50px 3.5px 0px rgb(255, 0, 0);
    font-size: 1.3rem;
    top: 54%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.play_game:active{
    font-size:1rem;
}
.cursor{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height:50px;
    width:50px;
    z-index: 1;
    pointer-events: none;
}
.target{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height:120px;
    width:120px;
    z-index: 0;
    border-radius: 50%;
}
.score{
    position: fixed;
    top: 5px;
    left: 5px;
    font-size: 3rem;
    color: rgba(21, 255, 0, 0.863);
}
.timer{
    position: fixed;
    top: 5px;
    right: 5px;
    font-size: 3rem;
    color: rgba(21, 255, 0, 0.863);
}
.highscore{
    position: fixed;
    bottom: 5px;
    right: 5px;
    font-size: 1.8rem;
    color: rgba(21, 255, 0, 0.863);
}