content.css

@font-face {
  font-family: "Bitter", sans-serif;
  src: url(https://fonts.googleapis.com/css?family=Bitter);
}
#angles-floater-content {
  position: relative;
  width: 300px;
  height: 350px;
  background: #c4c4c4;
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 15px;
  z-index: 998;
}

#collapse-button {
  all: initial;
  position: absolute;
  transform: translate(-20px, 0);
}

#angles-floater.collapsed {
  border-radius: 15px 0px 0px 15px;
  width: 50px;
  height: 200px;
  color: black;
  background-color: #f9aa33;
  cursor: pointer;
}

#angles-floater.collapsed:hover {
  background-color: #c28529;
}

#angles-floater.collapsed > * {
  transform: rotate(-90deg);
  text-align: center;
  margin-top: 95px;
  font-family: "Bitter", sans-serif;
  font-size: 2em;
}

#angles-floater {
  position: fixed;
  top: 110px;
  right: 0;
}

#floater-name {
  margin-top: 80px;
}
#collapse-button {
}
#collapse-button:hover {
  cursor: pointer;
}