label {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: x-small;
}

.title {
    text-align: center;
    font-family: 'Caveat', cursive;
}

.description {
    text-align: center;
    font-family: 'Caveat';
}

.term {
    border: 2px solid black;
    border-radius: 15px;
    text-align: center;
    width: 50%;
    margin: auto;
    margin-top: 2%;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.def {
    border: 2px solid black;
    border-radius: 15px;
    text-align: center;
    width: 50%;
    margin: auto;
    margin-top: 6%;
    display: none;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}

.ButtonWrap {
    text-align: center;
    margin-top: 3%;
}

button {
    color: #fcfbf4;
    background-color: #36b5eb;
    padding: 2.5%;
    border-radius: 15px;
}

button:hover {
    transform: scale(1.1);
}

.inputWrap {
    text-align: center;
    margin-top: 6%;
}

#submitNew {
    color: #fcfbf4;
    padding: 1%;
    border-radius: 15px;
}

.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

.dark-mode .term,
.dark-mode .def {
    border-color: #ffffff;
}

.light-mode {
    background-color: #ffffff;
    color: #121212;
}

.removeWrap {
    text-align:center;
    margin-top: 1%;
}

.removeWrap {
    display: none;
}

.delete, 
.clear {
    padding: .5%;
    font-size:x-small;
    border-radius: 10px;
    background-color: #ec0303;
    color: white;
}