.TAs {
    background-color: #a394e9;
    padding: 1rem;
    border-radius: 3rem;
    margin: 1.5rem;
    transition: 0.2s ease;
    overflow: auto;
    position: relative
}

.slabo-27px-regular {
    font-family: "Slabo 27px", serif;
    font-weight: 400;
    font-style: normal;
  }
  p {
    font-family: "Slabo 27px", serif;
  }
  h1 {
    font-family: "Slabo 27px", serif;
  }
  h2 {
    font-family: "Slabo 27px", serif;
  }
  li {
    font-family: "Slabo 27px", serif;
  }

.TAs:hover {
    -webkit-box-shadow: 6px 7px 19px 5px rgba(243,209,103,1);
-moz-box-shadow: 6px 7px 19px 5px rgba(243,209,103,1);
box-shadow: 6px 7px 19px 5px rgba(243,209,103,1);
}

.TAs #vic_content legend {
    font-family: "Slabo 27px", serif;
    font-size: 1.6rem;
    color: #cc0007
}

.TAs #vic_content {
    text-align: center;
    border-radius: 3rem;
}

.TAs #vic_content h3 {
    margin: 0;
    text-align: center;
}

.TAs #vic_content #email_info {
    background-color: #f3d167;
    padding: 0.2rem;
    border-radius: 1rem;
}

.TAs #vic_content #email_info ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 1rem;
}



.TAs #vic_content ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
}

.TAs #vic_content li{
    background-color: #f3e17b;
    margin: 0.3rem;
    padding: 0.5rem;
    border-radius: 3rem;
    transition: 0.2s;
}

.TAs #vic_content li:hover{
    background-color: #f3da5d;
    padding: 0.6rem;
    -webkit-box-shadow: 6px 7px 19px 5px rgba(189,47,189,1);
-moz-box-shadow: 6px 7px 19px 5px rgba(189,47,189,1);
box-shadow: 6px 7px 19px 5px rgba(189,47,189,1);
}

.TAs #vic_content li:hover a{
    color: #82117a;
}


.TAs #vic_content li:hover h3 {
    color: #851168;
}

.TAs img {
    width: 50%;
    margin: 1rem;
    border: 0.2rem solid #f3da5d;
}

.TAs a img:hover {
    border: 0.2rem solid #851168;
    opacity: 0.8;
} 

.TAs #vic_content a {
    font-family: "Slabo 27px", serif;
    text-decoration: none;
    color: black;
}

@media screen and (min-width: 50rem) {
    .TAs img {
        width: 20%;
    }
    
}
nav {
    background-color: #f3d167;
    padding: 1rem;
}

nav a {
    font-family: "Lilita One", serif;
    color: #991f7c;
    margin: 1rem;
    transition: 0.2s;
    text-decoration-style: solid;
}

nav a:hover {
    transform: scale(1.6);
    color: #ff42d2;
}