body{
    font-size: 30px;
    text-align: center;
}   
h1 {
    font-size: 85px;
}
h2 {
    font-family: monospace;
    font-size: 2.5em;
    text-decoration: underline;
    text-align: center;
}
p {
    font-family: serif;
}
#title{     
    text-align: center;
    font-size: 70px;
}
.image{
    width: 400px;
    height: 400px;
}
table {
    width: 1000px;
}
th {
    text-align: left;
}
table, th, td {
    border: 1px solid white;
    border-collapse: collapse;
} 
th, td {
    padding: 10px;
}
tr:nth-child(even) {
    background-color: rgba(25, 106, 228, .7);
}
tr:nth-child(odd) {
    background-color: rgba(0,0,0,.6);
}
.circle {
    width: 1000px;
    height: 1000px ;
    background: rgb(255, 255, 255);
    border: 10px solid black;
    margin: 0 auto;
    border-radius: 50%;
    display: grid;
    place-items: center;
}


/* Redirect Box Animations */
.arrow {
    width: 40px;
    height: 40px;

    /**
    * Dark Arrow Down
    */
    background-size: contain;
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(-5px);
  }
}

.container {
    display: flex; 
    flex-direction: row; 
    background: none;
    backdrop-filter: none;
    border-radius: 25px;
    z-index: 1;
    font-size: 1.7svw;
    position: absolute;
    top: 3%;
    left: 1.5%;
    justify-content: center;
}

svg {
    padding-top: 20px;
}

span {
    padding-top: 12px;
    padding-left: 5px;
}

.container {
    width: 13%;
    height: 10%;
    border: rgb(27, 27, 27) .5px solid;

    background-color: rgb(245, 245, 245);
    box-shadow: 6px 6px 10px  rgba(230, 230, 230, 0.6);
    -moz-box-shadow: 6px 6px 10px  rgba(230, 230, 230, 0.6);
    -webkit-box-shadow: 6px 6px 10px  rgba(230, 230, 230, 0.6);
    -o-box-shadow: 10px 10px 10px  rgba(230, 230, 230, 0.6);
    border-radius: 25px;
}