body {
  background-color: #222;
  color: #fff;
  font-family: Verdana;
}

main {
    margin: 0 auto;
    max-width: 80%;

    > section {
        display: flex;
        flex-direction: row;
        margin: 2.4rem;
        justify-content: center;
    }
}

.title {
    > div {
        text-align: center;
    }
}

.notice {
    margin-top: 23rem;
    flex-direction: column;
    align-items: center;
    > div.board {
        display: block;
        background-image: repeating-linear-gradient(-45deg, yellow, yellow 32px, black 32px, black 64px);
	    background-color: #E4E4ED;
        .text {
            display: inline-block;
            width: calc(100% - 2rem);
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            color: white;
            text-shadow: #000 .15rem .15rem .25rem;
            text-align: center;
            text-transform: uppercase;
            padding: 1rem;
            > p {
                font-size: 1.5rem;
            }
        }
    }
    > div.legs {
        display: block;
        padding: 1rem;
        width: 20rem;
        height: 2rem;
        border-left: 20px black solid;
        border-right: 20px black solid;
    }
}