@import url("./fonts/Bright/cmun-bright.css");
@import url("./fonts/Bright Semibold/cmun-bright-semibold.css");
@import url("./fonts/Classical Serif Italic/cmun-classical-serif-italic.css");
@import url("./fonts/Concrete/cmun-concrete.css");
@import url("./fonts/Sans/cmun-sans.css");
@import url("./fonts/Sans Demi-Condensed/cmun-sans-demicondensed.css");
@import url("./fonts/Serif/cmun-serif.css");
@import url("./fonts/Serif Slanted/cmun-serif-slanted.css");
@import url("./fonts/Typewriter/cmun-typewriter.css");
@import url("./fonts/Typewriter Light/cmun-typewriter-light.css");
@import url("./fonts/Typewriter Variable/cmun-typewriter-variable.css");
@import url("./fonts/Upright Italic/cmun-upright-italic.css");

* {
    font-family: "Computer Modern Serif", sans-serif;
}

body {
  background-image: url("img/bg.png");
}

h3 {
  font-weight: bold;
}

.semesterarbeiten {
  background: white;
}

.semesterarbeiten div {
  margin-bottom: 100px;
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  margin-bottom: 2px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background: white;
}

img {
  max-width: 100%;
}

.badge {
  border-style: dashed;
  border-width: 2px;
  border-color: #555;
  border-radius: 15px;
  padding: 5px 5px;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 0.5em;
  text-decoration: none;
}

.float-right {
  float: right;
}

.inactive {
  cursor: not-allowed;
}