/* css organized my group, then alphabetized */


/* Group: Genshin Elements */
.anemo {
    color: rgb(36, 163, 131);
    background-color:rgb(205, 246, 235);
    max-width: 1000px;
}

.cryo {
    color: rgb(15, 138, 179);
    background-color: rgb(189, 226, 249);
    max-width: 1000px;

}

.dendro {
    color: rgb(23, 130, 23);
    background-color:rgb(192, 242, 192);
    max-width: 1000px;

}

.electro {
    color: purple;
    background-color: lavender;
    max-width: 1000px;

}

.geo {
    color: rgb(207, 146, 66);
    background-color: beige;
    max-width: 1000px;

}

.hydro {
    color: rgb(52, 52, 202);
    background-color: rgb(204, 204, 243);
    max-width: 1000px;

}

.pyro {
    color: rgb(195, 56, 18);
    background-color: rgb(250, 218, 200);
    max-width: 1000px;

}

/* end of elements group */


/* everything else (alphabetized of course)*/

.bottom {
    padding-top: 30px;
    background-color: lightgray;
    margin: 20px;
    padding: 20px;
    max-width: 1000px;

}


.definition {
    font-size: medium;
    font-weight: 200;
}

.footer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

form {
    background-color: rgb(187, 255, 255);
}



h1 { 
    color:rgb(66, 3, 103); 
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    margin-top: 40px;
    text-shadow: 1px 4px lavender;
    text-transform: capitalize;
}

h2 {
    color:rgb(68, 0, 120);
    padding-top: 10px;
    text-indent: 30px;
    margin: 10px;
    text-decoration: underline;
}



iframe {
    border: solid purple 3px;
    border-radius: 10px;
    margin: 20px
}

.important {
    font-size: x-large;
    font-weight: 600;
}

img {
    margin: 10px;
    border: solid purple 4px;
    border-radius: 5px;
}

.italicize {
    font-style: italic;
    font-weight: 900;
}

label {
    font-style: normal;
    color: black;
}

li {
    padding-bottom: 10px;
    padding-top: 20px;
}


.navbar {
    background-color: lightgray;
}



p {
    font-family: 'Times New Roman', Times, serif;
    margin: 10px;
    max-width: 1000px;

}

.reasons {
    font-size: larger;
    font-weight: 500;

}

table {
    border-bottom: 3px solid gray;
    border-top: 3px solid gray ;
    border-left: 3px solid lightcoral;
    border-right: 3px solid lightcoral;
    background-color: rgb(220, 241, 254);
    margin-left: 40px;
}

td {
    border-right: 1px solid gray ;
    border-bottom: 1px solid ;
    padding-right: 10px;
}

th {
    border-right: 1.5px solid ;
    border-bottom: 1px solid;
    padding-right: 25px;
    padding-top: 5px;
}

.weapon {
    font-weight: 800;
}