* {
    box-sizing: border-box;
    font-family: Monaco, 'SF Mono', Menlo, Consolas, 'Courier New', 'Noto Sans KR', 'Malgun Gothic', sans-serif, monospace;
    text-decoration: none;
}

body {
    background-color: silver;
}

header {
    margin-top: 10px;
    border: 2px solid grey;
    background-color: grey;
}

h1 {
    margin-top: 10px;
    padding-left: 3px;
    color: ghostwhite;
    letter-spacing: 0.35em;
}

h2 {
    padding-left: 3px;
    border-left: 3px solid white;
    background-color: darkgrey;
    color: black;
}

main {
    margin-top: 10px;
    padding: 7px;
    border: 2px solid ghostwhite;
}

.banner {
    margin-top: 10px;
    margin-left: -2.5%;
    border: 3px solid ghostwhite;
    width: 105%;
    height: auto;
}

a {
    color: black;
}

a:hover {
    outline: 2px solid white;
    color: mediumpurple;
}

span {
    color: slateblue;
}

ul {
    list-style-type: lower-greek;
}

footer {
    text-align: right;
    color: grey;
}