body {
    background-color:black;
}

form{
  height:420px;
  width:350px;
  border-radius:15px;
  text-align: center;
  background-color: white;
  border:0.3px solid rgb(11, 10, 10);
  box-shadow:2px 2px 2px 1px rgb(167, 162, 162);
  padding:10px;
  margin:50px auto;
}

h1{
  font-size:28px;
  color: rgb(34, 83, 228);
  font-family: sans-serif;
}

#text{
  height:32px;
  width:62px;
  text-align:center;
  font-family: sans-serif;
  font-weight:bold;
  border:2px solid grey;
  border-radius: 10px;
  margin-bottom:18px;
}

label{
  font-family: sans-serif;
  font-weight:bold;
  color:red;
  margin:5px;
}

#toCelsius, #tofohrenheit{
  font-size:10px;
  margin:5px;
}

button{
  color:white;
  background-color: mediumslateblue;
  margin-top:20px;
  margin-bottom: 8px;
  padding:10px;
  font-size:14px;
  border:1px solid white;
  border-radius:10px;
  transition: background-color 0.25s;
  cursor:pointer;
}

button:hover{
  background-color: royalblue;
}

p{
  font-weight:bold;
  font-family: sans-serif
}