@keyframes fadeInUp {
    0% {
      transform: translateY(3%);
      opacity: 0;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
}
  
#fadeInUp-animation {
    animation: 0.4s fadeInUp;
}

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

#fadeIn-animation {
    animation: 0.1s fadeIn;
}

.centertext {
    text-align: center;
    display: block;
}

.mobilefont {
    display: inline-block;
    width: 80%;
}

.fancy {
    padding: 0;
    background: #FF9E9E;
    background: linear-gradient(170deg,rgb(255, 158, 158, 1) 10%, rgba(220, 96, 112, 1) 40%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.smallercontainer {
    margin: auto;
    margin-top: 8em;
    border: 1px solid #EF7878;
}

.buntainer {
    height: 1em;
}

#bun {
  overflow: hidden;
  height: auto;
  position: relative;
  z-index: -10;
  clip-path: polygon(0 0, 100% 0%, 100% 60%, 0 60%);
}

#buncenter {
    display: block;
    margin: auto;
    width: 80%;
    margin-top: 0.5em;
    text-align: center;
}


#tldsearch {
    margin-bottom: 0;
}

#addons {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.optionalbutton button, .extrabutton button {
background-color: #afafaf;    
margin: auto;
display: block;
padding: 0.7rem;
}

.optionalbutton button:hover, .extrabutton button:hover {
    background-color: #9e9e9e;
}

.checkedoptional {
    background-color: #EF7878 !important;
}

.checkedoptional:hover {
    background-color: #f39595 !important;
}

.optionalswitch {
    display: block;
    margin: auto;
    margin-top: 0.5rem;
}


#regyears {
    display: block;
    width: 50%;
    margin: auto;
    text-align: center;
}

#renewnote {
    font-size: 85%;
    font-style: italic;
}

#advancedsearchbutton {
    display: block;
    width: 30%;
    margin: auto;
}

#searchform {
    display: block;
    margin: auto;
    margin-top: 0.5rem;
}

#search {
    padding-inline-start: calc(var(--pico-form-element-spacing-horizontal) + 1.75rem);
    background-image: var(--pico-icon-search);
    background-position: center left calc(var(--pico-form-element-spacing-horizontal) + .125rem);
    background-size: 1rem auto;
    background-repeat: no-repeat
}

.dropdown {
    position: relative;
    display: inline-block;
}
  
  
.dropdown-content {
    height: 10em;
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    width: 100%;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}
  

.dropdown-content li {
    color: #222;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.dropdown-content ul {
    padding-left: 0;
}

.dropdown-content li:hover {background-color: #fdedec}

.show {display:block;} 
.hide {display:none;}