body {
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.title {
     text-align: center;
     color: #d9feff;
     
}
.maintitle {
     font-size: 8em;
}
.mainsub {
     font-size: 3em;
}
.titlecontainer {
     padding-top: 10vh;
     background-color: #1a0025;
     border-bottom: 5px solid;
     border-color: rgb(217, 254, 255);
     height: 100vh;
}
.infocards {
     padding-top: 15vh;
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     border-bottom: 5px solid;
     border-color: #ffedd9;
     background-color: #250012;
     height: 100vh;
     overflow:hidden;
}

.card {
     width: 30vw;
     color:rgb(255, 237, 217);
}

.card2 {
     width: 30vw;
     color:rgb(197, 255, 226);
     font-size: 0px;
}

.card img {
     width: 100%;
     margin-bottom: 5vh;
     border: 5px solid;
     border-color: rgb(255, 149, 108);
}

.card2 img {
     border: 5px solid;
     border-color: rgb(197, 255, 226);
}

.card h2 {
     font-size: 2rem;
     text-align: center;
}

.card2 h2 {
     font-size: 2rem;
     text-align: center;
}

.card2 h3 {
     font-size: 1.5rem;
     text-align: center;
     color: #3bdae6;
}

.card p {
     font-size: 1.2rem;
}

.bottom {
     padding-top: 15vh;
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     border-bottom: 5px solid;
     border-color: #c5ffe2;
     height: 100vh;
     overflow:hidden;
     background-color:#00130a;
}

.show p {
     font-size: 1.2rem;
}

.show h3 {
     font-size: 0px;
}