header {
  background: linear-gradient(180deg,rgba(173, 225, 255, 1) 0%, rgba(157, 203, 252, 1) 100%);
  outline: 6px solid;
  outline-color: #517aa8;
  box-shadow: 0 9px 2.5px 0 rgb(0 0 0 / 0.15);
  border-radius: 15px;
  width: 45%;
  padding: 13px;
  margin: 20px 0 25px 0;
  text-align: center;
}

header big {
  color: #063a59;
  font-weight: 600;
  font-size: 50px;
  font-family: "Rubik";
}

.content {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 2.5px 0 rgb(0 0 0 / 0.2);
  width: 55%;
  margin-bottom: 25px;
}

p {
	font-size: 20px;
	font-family: "Source Sans 3";
  text-align: center;
  color: #00131f;
  padding-right: 25px;
  padding-left: 25px;
}

p .smalltext {
  font-size: 12px;
  opacity: 50%;
}

.socials {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}

#slink {
  padding: 6px;
  transition: opacity 0.2s;
}
#slink:hover {
  opacity: 73%;
}

.yt {
  width: 70px;
}

.bsky {
  width: 55px;
}

.twt {
  width: 58px;
}

.rblx {
  width: 51px;
}



.buttons {
  image-rendering: pixelated;
}

body {
  background-color: #80BBDB;
  background-image: url(img/studs.png);
  background-size: 70px;
}





.rubik-font {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.source-sans-3-font {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}