@charset "UTF-8";
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gruppo&display=swap');
/*
#d23131
#18263d
*/

body
{
 background-color: lightgrey; 
    background-image: linear-gradient(#d23131, #18263d, #18263d)
}

.main
{
    width: 100vw;
    height: 100vh;
    text-align: center;
}
h1
{
    color: #18263d;
    font-family: "Orbitron", sans-serif;
}
h2
{
    color: white;
    font-family: "Tilt+Neonn", sans-serif;
}
.logo
{
    
    margin: auto; 
    text-align: center;
    width: 50vw;
    height: auto;
    max-width: 415px;
    padding: 100px 0px 100px 0px;
   
}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) 
{
    .logo
    {    
    width: 70vw;  
   
    }
}



/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}