html {
  font-weight: 300;
  background-color: rgb(166, 222, 254);
}

#nt {
  font-family: sans-serif;
  position: relative;
  font-weight: bold;
  color: rgb(74, 148, 191);
}

#nt::after {
  content: "☁️";
  position: absolute;
  font-size: 2em;
  transform: translateY(-0.42em);
}

#nt::before {
  content: "☁️";
  position: absolute;
  font-size: 2em;
  transform: translateY(-0.42em) translateX(-1.02em);  
}

#pt1 {
  font-family: sans-serif;
  position: relative;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.5em;
  color: rgb(74, 148, 191);
  text-decoration: none;
}

#pt2 {
  font-family: sans-serif;
  position: relative;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.5em;
  color: rgb(74, 148, 191);
  text-decoration: none;
}

#pt3 {
  font-family: sans-serif;
  position: relative;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.5em;
  color: rgb(74, 148, 191);
  text-decoration: none;
}

#pt1:hover, #pt1:active {
  color: rgb(255, 241, 135);
}

#pt2:hover, #pt2:active {
  color: rgb(255, 241, 135);
}
#pt3:hover, #pt3:active {
  color: rgb(255, 241, 135);
}

#pt1::after {
  content: "⛅";
  position: absolute;
  font-size: 1.25em;
  transform: translateY(-0.1em);
}

#pt1::before {
  content: "⛅";
  position: absolute;
  font-size: 1.25em;
  transform: translateY(-0.1em) translateX(-1.02em);  
}

#pt2::after {
  content: "🌨️";
  position: absolute;
  font-size: 1.25em;
  transform: translateY(-0.1em);
}

#pt2::before {
  content: "🌨️";
  position: absolute;
  font-size: 1.25em;
  transform: translateY(-0.1em) translateX(-1.02em);  
}



#btnt, .btnt, .ttnt {
  text-align: left;
  width: 100%;
  font-family: sans-serif;
  font-weight: bold;
  color: rgb(74, 148, 191);
  text-decoration: none;
}

#btnt:hover, #btnt:active,
.btnt:hover, .btnt:active {
  color: rgb(255, 241, 135);
}

body {
  position: relative;
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
}