.mis-page {
    margin-top: 8%;
    margin-bottom: 5%;
}

/* #431e69 Primary */
/* #f1e2ff Secondary */

.subtitle {
    margin-top: 3%;
    margin-bottom: 2%;
    /* border: 1px solid #431e69; */
    text-align: center;
    color: #431e69;
}

.mis-paragraphs {
    padding: 20px;
    color: #431e69;
    background-color: #f1e2ff;
    border: 1px solid #431e69;
}

.schedule-box {
    margin-top: 2%;
    margin-bottom: 4%;
    background-color: #f1e2ff;
    border: 1px solid #431e69;
}

.schedule {
    /* border: 1px solid #431e69; */
    margin: 1%;
}

.schedule-item {
    text-align: center;
    color: #431e69;
    font-size: 1em;
}

.mis-contact-card {
    margin: 2%;
}

.mis-info {
    margin: 2%;
    border: 1px solid #431e69;
    transition-duration: .3s;
    /* transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; */
}

.mis-info:hover {
    background-color: #f1e2ff;
    /* box-shadow: 0 0 10px 3px #431e69; */
    transform: scale(1.05);
}

.mis-email-link {
    margin-top: 2%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #431e69;
    transition-duration: .3s;
    /* transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; */
}

.mis-email-link:hover {
    background-color: #f1e2ff;
    /* box-shadow: 0 0 10px 3px #431e69; */
    transform: scale(1.05);
}

.mis-link {
    text-align: center;
    font-size: 1.4em;
    color: #431e69;
}

.mis-contact {
    border: 1px solid #431e69;
    /* border: solid; */
    /* border-width: 5px 3px 3px 5px; */
    padding: 20px;
    height: 250px;
    transition: background-color 0.3s ease-in-out;
}

.mis-contact:hover {
    background-color:  #f1e2ff;
}

.mis-name {
    color: #431e69;

}

.mis-major {
    color: #431e69;
    font-size: 0.9em;
    font-weight: normal;
}

.mis-college {
    color: #431e69;
    font-size: 0.9em;
    font-weight: normal;
}

.mis-email {
    color: #431e69;
    font-size: 1.2em;
    transition: transform 0.3s ease-in-out;
}

.mis-email:hover {
    transform: scale(1.07) translate(15px, 0);
}

.mis-askMeHeader {
    font-size: 0.8em;
    color: #431e69;
}

.mis-askMeAbout {
    color: #431e69;
    font-size: 0.8em;
}