
    body {
        margin:0;
height: 100vh;
  width: 100vw;
  background-image: url(landing/bg.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  font-size: 40px;

    }
    body::before {
        display:none;
    }
    .main {
    
        margin:auto;
        height:500px;
        max-height:500px;
        max-width:600px;
        padding-top:100px;
      


    }
    .logo {
background-image: url(img/logo3.png);
width:100%;
height:350px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom:50px;
    }
    .content {
        display:flex;
        flex-direction: row;


text-shadow: 2px 0 #000000, -2px 0 #000000, 0 2px #000000, 0 -2px #000000,
             1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;



        

    }
    .text {
text-align: center;


    }
    .webrings {
        width:200px;
        position: absolute;
        right:0;
        bottom:0;
        margin:10px;
               overflow-y: scroll;
        overflow-x: hidden;
        flex-direction: column;
        height:200px;
       
    }



            
   

    #link {
        margin:auto;
        text-align: center;
    }
    a {
        color: white;
        text-decoration: none;         
       text-shadow: 2px 0 #000000, -2px 0 #000000, 0 2px #000000, 0 -2px #000000,
             1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
    } 
 #link a:hover {
             animation: hover-link 0.5s infinite;
       transform: scale(102%);
}
#link a:hover::before {
    content: "> "
}
       @keyframes hover-link {
    0% {font-family: gummy}
    33% {font-family: sf}
    66% {font-family: "Redacted Script", cursive; }
}
@media only screen and (max-width: 600px) {
                     .main {

        padding-top:0px;
        padding:20px;
      


    }
    .logo {
        height:250px;
    }
    .webrings {
        width:100px;
        height:100px;

       
    }

            }


