* {
     font-family: 'Roboto', sans-serif;
     color: #444444;
     padding: 0px;
     margin: 0px;
 }

 div {
     margin: 0px;
     padding: 0px;
 }
p{
    padding-top: 10px;
}

 body {
     padding: 0px;
     background-color: #000000;
 }

 a:link {
     color: #444444;
     text-decoration: none;
     padding: 15px;
 }

 a:visited {
     color: #444444;
     text-decoration: none;
     padding: 15px;
 }

 a:hover {
     color: #333333;
     text-decoration: none;
     padding: 15px;
 }

 nav {
     height: 50px;
 }

 * {
     box-sizing: border-box
 }
.example-image {
    padding: 10px;
}
 .frame-body {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
 }

 .frame-left {
     width: 33%;
     padding-left: 20px;
 }

 .frame-right {
     width: 50%;
 }

.teaching-semester{
    padding-top: 20px;
    padding-left: 20px;
}

 /* Slideshow container */
 .slideshow-container {
     max-width: 50vw;
     position: relative;
     margin: auto;
     padding: 0px;
 }

 .text {
     margin: 0px;
     padding: 0px;
 }

 .text2 {
     margin: 0px;
     padding: 0px;
     height: 400px;
     font-size: 300px;
 }

 .eval {
     margin: 0px;
     padding: 0px;
 }

 /* Hide the images by default */
 .mySlides {
     display: none;
 }

 /* Next & previous buttons */
 .prev,
 .next {
     cursor: pointer;
     position: absolute;
     top: 50%;
     width: auto;
     margin-top: -22px;
     padding: 16px;
     color: #444444;
     font-weight: bold;
     font-size: 18px;
     transition: 0.6s ease;
     border-radius: 0 3px 3px 0;
     user-select: none;
 }

 /* Position the "next button" to the right */
 .next {
     right: 0;
     border-radius: 3px 0 0 3px;
 }

 /* On hover, add a black background color with a little bit see-through */
 .prev:hover,
 .next:hover {
     background-color: rgba(0, 0, 0, 0.8);
 }