/* GOOGLE FONTS INTEGRATION - though I'm realising it might be unnecessary */ .special-elite-regular { font-family: "Special Elite", system-ui; font-weight: 400; font-style: normal; } /* FUCK the default html margin */ html{ margin:0; padding:0; } /* HTML ELEMENTS */ h1,h2,h3{ word-wrap:break-word; max-width:100%; } h1{ font-family:"Special Elite", Georgia, 'Times New Roman', Times, serif; font-size:5vw; color:white; text-shadow: 3px 3px 0px black, -3px 3px 0 black, 3px -3px 0 black, -3px -3px 0 black; margin:0; padding:.25rem; } h2{ font-family:"Special Elite", Georgia, 'Times New Roman', Times, serif; } h3{ font-family:"Special Elite", Georgia, serif; } img{ max-width:100%; height:auto; } p{ font-family:"Special Elite", system-ui; } /* Who even invited this guy? */ .background-blur{ margin:0; padding:0; width:100%; height:100%; } /* NAVBAR */ #navbar{ position:sticky; top:0; overflow:hidden; background-image:linear-gradient(to bottom, black, rgba(0,0,0,192), transparent); display:flex; flex-direction:row; justify-content: space-evenly; margin-bottom:2rem; width:100%; } #navbar a{ font-family:"Special Elite", Georgia, serif; color:white; text-decoration:none; font-size:2vh; text-shadow: 0px 0px 0 #fff, 0px -0px 0 #fff, -0px 0px 0 #fff, 0px 0px 0 #fff; padding:.5rem; padding-top:1rem; padding-bottom:1.5rem; text-align:center; transition:all .25s; } #navbar a:hover{ transform:scale(1.1); animation: 2s pulsate infinite; } @keyframes pulsate{ 0%{text-shadow: 0px 0px 0 #fff, 0px -0px 0 #fff, -0px 0px 0 #fff, 0px 0px 0 #fff;} 50%{text-shadow: 1px 1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff, -1px -1px 3px #fff;} 100%{text-shadow: 0px 0px 0 #fff, 0px -0px 0 #fff, -0px 0px 0 #fff, 0px 0px 0 #fff;} } /* MAIN CONTENT */ #body{ background-color:black; background-image:none; background-size:cover; background-position:center; margin:0; background-size:cover; } .content{ width:100%; min-width:100%; max-width:100%; display:flex; flex-direction: column; align-items:center; } /* HEADER (NOT ) */ .header{ display:flex; max-width:100%; width:100%; justify-content: center; } .header > #logo{ height:12rem; max-height:10vh; } /* SCROLL */ .scroll{ display:flex; flex-direction:column; align-items:center; margin: 50px; padding:1rem; max-width:60%; width:60%; height:auto; border:17px solid transparent; border-image:url('img/paper-border/1bc.png') 67 round; background-image:url(img/paper-border/background.png); background-repeat:round; background-color:white; background-clip:padding-box; } /* IMAGE GALLERY */ .gallery{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content: center; word-wrap:break-word; } .gallery-img-container{ max-width:15vw; text-align:center; margin:1rem; } .gallery-img-container > *{ max-width: 15vw; } .gallery img, .gallery video{ max-height:20vw; } .gallery-img-container > p{ font-size:1.5vh; } .gallery img:hover, .gallery video:hover{ box-shadow:5px 5px 5px rgba(0,0,0,0.5), 5px -5px 5px rgba(0,0,0,0.5), -5px 5px 5px rgba(0,0,0,0.5), -5px -5px 5px rgba(0,0,0,0.5); } /* FOOTER (CURRENT) AND FOOTER LINKS (OLD) */ footer{ display:block; background-image:linear-gradient(to top, black, rgba(0,0,0,192), transparent); padding:1rem; margin-bottom:0px; color:white; text-align:center; } #links{ display:flex; justify-content: center; color:white; } #links a{ color:white; text-decoration:none; font-family:"Special Elite", Georgia, 'Times New Roman', Times, serif; font-size:1rem; margin:0vh 3rem 0vh 3rem; transition:.25s all; } #links a:hover{ color:#331111; transform:scale(1.1); } /* PASSWORD */ #password{ border:black 1px; margin:1vh; background-image:url(img/paper-border/background.png); background-repeat:round; background-color:white; border-radius:20px; transition:.25s all; } #password, #password-label{ font-family:"Special Elite", Georgia, 'Times New Roman', Times, serif; font-size:1rem; color:black; text-align:center; } #password:hover{ box-shadow: 5px 5px 5px 5px black; transform:scale(1.1); } #attention-scroll{ display:flex; } #shepherd-scroll{ display:none; } #nash-scroll{ display:none; } /* GOLDEN TICKET BUTTON */ .tickets-button-parent{ display:flex; justify-content: center; margin:1rem; } .tickets-button{ width:100%; height:100%; font-size:2rem; font-family: Georgia, 'Times New Roman', Times, serif; border:none; border-radius:10px; padding:1rem; } .tickets-button-link{ border-radius:10px; min-width:10%; min-height:10%; color:black; text-decoration: none; transition:all .25s; } .tickets-button-link:hover{ background-color:white; box-shadow:5px 5px 40px 40px rgba(255,215,105,0.5); transform:scale(1.1); }