body {
    background-color: #313131;
    color: #ddd;
    font-family: "IBM Plex Mono", monospace;
    font-size:15pt;
    line-height:40pt;
}

p {
    font-size:15pt;
    font-weight:200;
}

a {
    text-decoration: none;
    color: #ddd;
    font-weight:500;
}

a:hover {
    color:#e08888;
}

#title {
    height:100vh;
}

#title h1 {
    padding:15% 0 0 30%;
    font-size:50pt;
    font-weight: 300;
}

#title h2 {
    padding: 0 0 0 40%;
    font-size:30pt;
    font-weight: 100;
}

#attention {
    height:auto;
    background-color:#aa4747b8;
    padding:5% 10% 5% 10%;
}

#attention h1, h3 {
    font-weight:200;
}

#information {
    /* height: 70vh; */
    padding: 15% 10%;
    text-align: justify;
}

#information h2 {
    text-align: center;
}

#video {
    padding: 10%;
    background-color:#ddd;
}

iframe {
	object-fit: cover;
	width:100%;
	aspect-ratio: 560 / 315;
}
#gallery {
    padding:5% 0;
    background-color: #ddd;
}

#gallery h1 {
    text-align:center;
    font-weight: 300;
    color: #313131;
}

#behind-the-scenes img {
    width:90%;
    height: auto;
    padding: 5%;
}

#AR img {
    width:auto;
    padding:0 10%;
    height:400px;
}

#vertical img {
    width: 80%;
    height: auto;
}