@charset "UTF-8"

html {
    font-size: 62.5%;
}

body {
    width: 90%;
    margin: 0 auto;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1rem;
    background-color: #f0f0f0;
}

p {
    margin: 0 auto;
    margin-bottom: 1em;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1rem;
}

.video {
    margin-bottom: 1em;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1rem;
}

.text {
    margin-top: 0;
    margin-bottom: 1em;
    text-indent: 1em;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1rem;
}

.button {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    padding: 10px 20px;
}

.back {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.0rem;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    border-style: none;
    padding: 5px 10px;
}

/*
.colorful span:nth-child(1) { color: red; }
.colorful span:nth-child(2) { color: blue; }
.colorful span:nth-child(3) { color: green; }
.colorful span:nth-child(4) { color: goldenrod; }
.colorful span:nth-child(5) { color: pink; }
.colorful span:nth-child(6) { color: skyblue; }
.colorful span:nth-child(7) { color: yellowgreen; }
.colorful span:nth-child(8) { color: orange; }
.colorful span:nth-child(9) { color: purple; }
.colorful span:nth-child(10) { color: navy; }
.colorful span:nth-child(11) { color: limegreen; }
.colorful span:nth-child(12) { color: indianred; }
.colorful span:nth-child(13) { color: orangered; }
.colorful span:nth-child(14) { color: lightseagreen; }
.colorful span:nth-child(15) { color: olive; }
.colorful span:nth-child(16) { color: darkviolet; }
*/