@charset "utf-8";
/* CSS Document */

body {
    background-color:lavender;
    font-size: 100%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: darkslategrey;}

.intro {
    
    margin: auto;
    padding: 1em;
    text-align: center;
    padding-bottom: 1em;
    
    
}

h1 {
    
    font-size: 3.0em;
    
}

.links {
    width: 60%;
    margin: auto; 
    text-align: center;
    
 }

.links a {
    
    margin: 0.8em;
    opacity: 0.7;
    text-decoration: none;
}

a:visited {text-decoration: none;
color: white}

.links a:hover {
    
    transition-property: opacity, scale;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    opacity: 1.0;
    transform: scale(1.2)
}

.page {
    
    margin: auto;
    width: 90%;
    
}

.button {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 1.5em;
    background-color: mediumorchid;
    color: white;
    padding: 0.52em;
    margin: 0.25em;
    display: block;
    
    
    
    
}