*{
    width:100vw;
    box-sizing:border-box;
    margin:0;
    padding: 0;
    overflow-x: hidden;
}

body {
    text-align:center;

}

a{
    width:25vw;
}

#enter{
        max-height:100%;
        max-width:100%;

}



.splash{
    display:none;
    position:fixed;
    top:0vh;
    left:0vw;
    width:100vw;
    height:100vh;
    background: radial-gradient(rgb(74, 73, 78),black);
    color:white;
    text-align:center;
}



button{
    background: black url(./assets/enter.gif) 100px 100px no-repeat;    
    animation: fadeIn 3s ;
    animation-fill-mode: forwards;
    display: flex;
    justify-content: center;
    z-index:2;
    
    width:100vw;
    height:100vh;

    top:42vh;
    left:0vw;
    width: fit-content;

    font-size:200%;
    box-shadow: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    background:transparent;
    border: none;
    outline: none;


}

@keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
  }
@keyframes fadeOut {
    0%{opacity:1}
    100%{opacity:0}
}

div{
    display: flex;
}
.social{
    flex-direction: row;
    margin-bottom: 4vh;
    width:25vw;

}
#quotes{
    width:96vw;

}
#clowns{
 object-fit: contain;
}
iframe{
    display:hidden;
}
img{
    max-height: 100vh;
}
#title{
offset: 0vh 10vh;
}
/* width */
::-webkit-scrollbar {
    width: 0px;
    scroll-behavior: smooth;

  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }