*{
  font-family: Arial, Helvetica, sans-serif;
}
:root{
  --gold: #F0A500;
  --gold-light: #FFD54F;
  --gold-dim: rgba(240,165,0,0.15);
}
body{
  padding: 18px;
  color: white;
  background: rgb(20,20,20);
}
h4{
  padding: 20px;
  margin-bottom: 10px;
}
textarea{
  padding: 20px;
  width: 90%;
  height: max-content;
  border: none;
  border-left: 4px solid var(--gold-light);
  color: white;
  font-family: monospace;
  background: rgb(40,40,40);
  outline: none;
  min-height: 100px;
}
nav{
  top: 00px;
  left: 0px;
  width: 200px;
  height: 100vh;
  padding: 15px;
  background: rgb(40,40,40);
  padding-top: 20px;
  transition: left 1.2s ease-out;
}
nav h3{
  margin-bottom: 5px;
}
nav button{
  width: 100%;
  height: 40px;
  background: transparent;
  border: none;
  color: white;
}
nav button:hover{
  border: 1px solid white;
  border-radius: 10px;
  margin-bottom: 3px;
}
nav .row{
  justify-content:space-between;
}
.ntn{
  position: fixed;
  top: 10px;
  right: 10px;
  background: transparent;
  color: white;
  padding: 10px 20px;
  border: 2px solid white;
  border-radius: 10px;
  transition: right 1.2s ease-out;
}
.ex_count button{
  padding:15px 20px;
  background: transparent;
  border: 2px solid white;
  color: white;
  border-radius: 10px;
  font-size: 20px;
}
#sfon{
  padding:15px 20px;
  background: transparent;
  border: 2px solid white;
  color: white;
  border-radius: 10px;
  font-size: 15px;
  margin: auto;
}
h1{
  color: var(--gold);
  font-family: monospace;
}
h3, h3 u{
  color: var(--gold-light);
  font-family: monospace;
  text-decoration: none;
}
nav button{
  font-family: Tahoma;
}