@charset "utf-8";
html {
	height: 100%;
	min-height: 100%;
	overflow-y: scroll;
}
	body {
		width: 100%;
		min-width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
        --text-color: rgba(51, 57, 57, 1);
        --link-color: rgba(29, 96, 189, 1);
        font-family: Arial, sans-serif;
        font-size: 1em;
        line-height: 1.3em;
	}
		#wrapper {
			display: flex;
            flex-direction: column;
            align-items: center;
		}
            #wrapper .title {
                text-align: center;
            }
                #wrapper .title h1.main {
                    margin: 0px;
                    font-family: 'Adventure', Arial, sans-serif;
                    font-size: 20vw;
					line-height: initial;
                }
            #wrapper ul {
                padding: 0px;
                margin: 0px;
                list-style-type: none;
            }
                #wrapper a {
                    color: var(--link-color);
                    text-decoration: none;
                }
                #wrapper a.link {
                    padding: 10px 0px;
                    display: block;
                    font-family: 'Adventure', Arial, sans-serif;
                    font-size: 2vw;
                    line-height: 2.7vw;
                }
                    #wrapper a:hover,
                    #wrapper a:focus {
                        text-decoration: underline;
                    }
            #wrapper .text {
                width: 1000px;
            }
@media (max-width: 74.938em) {
    #wrapper .text {
        width: 90%
    }
}