* {
    margin:0; padding: 0; border: 0;
    box-sizing: border-box;
}
/* default styles for the root/html */
:root {
    font-size: 62.5%; /*16px * .625 = 10px root font size */

    /* css variables for site colors */
    --color-bg1: #EEE5E9;
    --color-bg2: #EFC88B;
    --color-font1: #222222;
    --color-accent1: #CF5C36;
}

body {
    background-color: var(--color-bg1);
    color: var(--color-font1);
    font-size: 1.4rem;
    
}

section {
    text-align: center;
}

#t {
    margin: 20px;
    
}
#t > a {
    
    float: top;
    text-align: center;
}

#t > img {
    
}

div {
    margin: 20px
}

img {
    margin: 15px;
}

div > a {
    padding: 0px 10px 5px 10px;
    border: 4px solid rgb(146, 134, 179);
    font-size: 25px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    border-radius: 5px;
    background-color: #d1ada2;

}

div  {
  
    width: 300px;
}

div > img {
    border: 5px solid lightgray;
    border-radius: 10px;
}