*{
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS', sans-serif;
}

.w100{
    width: 100%;
}

.w80{
    width: 80%;
}

.w75{
    width: 75%;
}

.w60{
    width: 60%
}

.w50{
    width: 50%;
}

.w40{
    width: 40%;
}

.w30{
    width: 30%;
}

.w25{
    width: 25%;
}

.w20{
    width: 20%;
}

body{
    background-color: rgb(32, 32, 32);
    color: ghostwhite;
}

p{
    margin: 1em;
    font-size: .85rem;
}

.title-section{
    margin: .5rem auto;
    text-align:center;
}

.home-page-description{
    margin: .5rem auto;
    width: 35%;
}

.page-description{
    margin: .5rem auto;
    width: 45%;
}

.m1centered{
    margin: 1rem auto;
}

.m2centered{
    margin: 2rem auto;
}

nav{
    padding: 10px 5px;
    background-image: linear-gradient(rgb(235, 235, 240), ghostwhite 12%, ghostwhite 88%, rgb(235, 235, 240));
    color: black;
}

.nav-link{
    color: inherit;
    text-decoration: none;
    margin: 0 2em;
}

.nav-link:hover{
    text-shadow: .1em .1em 0.05em #00000030;
}

.plain-link{
    color: inherit;
    text-decoration: none;
}

.plain-link > *{
    color:inherit;
    text-decoration: none;
}

.transparent-picture-frame{
    padding: 10px;
    box-shadow: 0 0 20px black;
    box-sizing: border-box;
}

.contact-form{
    background-color: rgb(48, 48, 70);
    border-radius: 8px;
    padding: 1.5rem;
}

.contact-form-field{
    width:100%
}

.contact-form-submit{
    font-size: 1rem;
    background-color: white;
    padding: .35rem;
    border-radius: .35rem;
    border: none;
}

.preview-panel-thumbnail {
    display: inline-block;
    border-radius: .35rem;
}

.preview-panel-thumbnail > img{
    max-width:100%;
    max-height:100%;
}

.media-caption{
    text-align: center;
    font-style: italic;
    margin-bottom: 2rem;
}