@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

body {
    /* background-color: #222;
    background-size: cover;
    background-image: url(./gyro-design.png) no-repeat; */
    text-align: center;
   display: table-cell;
   vertical-align: middle;
   width: 100vw;
   height: 100vh;
   background: rgb(0,0,0);
   /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 35%, rgba(51,51,51,1) 100%); */

}

img {
    /* margin: auto; */
    /* transform: translate(50%); */
    max-width: 80vw;
    max-height: 80vh;
    /* border-radius: 20px;
    -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(204,204,204,0); 
    box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(204,204,204,0); */
}
div {
    color: #fff;
    font-family: 'Comfortaa', cursive;}