html{
    background: #ccc;
    margin:2rem;
    padding:0;
    height:calc(100% - 4rem);
}   
body{
    /* margin:1rem; */
    padding:0;
    margin:0;
    background-color: rgb(238, 238, 238);
    height:100%;
}

.site_title{
    color:darkmagenta;
    font-size: 2.5rem;
    margin:0 auto;
    height:15rem;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: monospace;
}
.container{
    margin:0 auto;
    width:80%;
    background: #ccc;
    text-align: center;
    border: 2px solid darkgray;
    max-width: 50rem;
    border-radius: 1.5%;
}
.title{
    /* background: red; */
    font-size: 2rem;
    color:ghostwhite;
    font-family: monospace;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.image_container{
    width:100%;
    margin-top:3.5rem;
    display:flex;
    justify-content: center;
}

@media screen and (max-width:700px){
    .title{
        font-size: 1rem;
        color:black;
    }
}