@font-face {
  font-family: 'Instruction';
  src: url('font.otf')
}

body {
  background-color: lightgrey;
  width: 900px;
  height: 900px;
  margin: auto;
}


.post {
  border: 3px solid black;
  border-radius: 10px;
  padding: 10px;
  margin: 3.5px
}

.post:hover {
  border: 5px solid black;
}

.reply {
  border: 3px solid black;
  border-radius: 7px;
  padding: 7px;
  margin: 3px;
}

.top-floating {
  position: fixed;
  right: 5px;
  top: 5px;
  border: 3px solid black;
  border-radius: 10px;
  outline: none;
}

.top-floating:active {
  background-color: lightgreen;
  border: 5px solid black;
  outline: none;
}

.top-floating:hover {
  border: 6px solid black;
  outline:none
}

.top-floating2 {
  position: fixed;
  right: 5px;
  top: 30px;
  border: 3px solid black;
  border-radius: 10px;
  outline: none;
}

.top-floating2:active {
  background-color: lightgreen;
  border: 5px solid black;
  outline: none;
}

.top-floating2:hover {
  border: 6px solid black;
  outline:none
}

.green-background {
  background: lightgreen;
}

.top-floating3 {
  position: fixed;
  right: 5px;
  top: 75px;
  border: 3px solid black;
  border-radius: 10px;
  outline: none;
}

.top-floating3:active {
  background-color: lightgreen;
  border: 5px solid black;
  outline: none;
}

.top-floating3:hover {
  border: 6px solid black;
  outline:none
}

.input-border {
  border: 4px solid black;
  padding: 30px;
  border-radius: 10px;
  font-family: 'Instruction';
}

.main {
  margin-left: 30px;
}

.top-floating4 {
  position: fixed;
  right: 25px;
  top: 75px;
  border: 3px solid black;
  border-radius: 10px;
  outline: none;
  font-family: "Instruction";
}