body {
font-size: 2vh; overflow: hidden; background-color: black; color: black;
}
.slide {
position: absolute; height: 100vh; width: 177vh; z-index: 0; background-color: white;
}
.slide:target, slide-0 {
z-index: 1;
}
.slide .content {
padding-top: 3.5vh; padding-bottom: 2vh; padding-left: 6.2vh; padding-right: 6.2vh;
}
.cover .logo {
text-align: center; font-size: 5vh; margin-top: 30vh;
}
.cover .info {
margin-top:30vh; margin-left: 5.3vh;
}
.bye {
padding-top: 25vh;
}
.bye .info {
margin-top: 40vh; font-size: 1.9vh; width: fit-content;
}
/* .bye a {
color: currentColor;
} */
.bye .info .list-group-item {
background-color: inherit; color: inherit; padding: 0vh; border: none;
}
.bye .icon {
margin-right: 2vh; font-size: 2.2vh; font-weight: bold;
}
.navigation {
position: absolute; bottom: 15vh; width: 177vh; padding-left: 0%; padding-right: 0%;
}
h1 {
font-size: 5vh; margin-bottom: 2vh;
}
h2 {
font-size: 3vh; margin-bottom: 4vh;
}
h3 {
margin-top: 4vh; font-size: 2.6vh;
}
h4 {
font-size: 2.3vh;
}
h5 {
font-size: 2vh;
}
h6 {
font-size: 2vh;
}
/* bootstrap w-xx classes are marked !important, so it's
* not possible to overwrite them here. let's use * separate ones and transform w-xx to these during * generation process */
.width-25 {
width: 14.1%;
}
.width-33 {
width: 18.6%;
}
.width-50 {
width: 28.2%;
}
.width-75 {
width: 42.3%;
}
.width-100 {
width: 56.4%;
}
.width-150 {
width: 84.6%;
}
.width-200 {
width: 112.8%;
}
/* position up to three images next to each other */ img {
margin-right: 6%;
}
h1 img {
margin-right: 0%;
}
.slide-footer {
position: absolute; bottom: 0vh; width: 177vh; padding-bottom: 1.5vh; padding-left: 8.9vh; padding-right: 8.9vh; color: currentColor; font-size: 1.35vh;
}