/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

@font-face {
  font-family: 'Ad Lib';
  src: url('/transfonter.org-20250730-135900/AdLib.woff') format('woff'), url('/transfonter.org-20250730-135900/AdLib.woff2') format('woff2'), url('Ad Lib.ttf') format('truetype');
}

body {
  background: linear-gradient(#0A0099,  #070069);
  background-image: url("images/cgheckerthing.png"), linear-gradient(#7f0000,  #070069);
  background-repeat: repeat;
  background-attachment: fixed;
  color: white;
  font-family: "Comic Sans MS";
  font-size: 19px;
  margin: 0px;
}

h1 {
  font-family: 'Ad Lib';
  font-size: 45px;
  background-image: -webkit-linear-gradient(#ACAEE6,  #FFFFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: normal;
}

h2 {
  font-family: 'Ad Lib';
  font-size: 30px;
  background-image: -webkit-linear-gradient(#ACAEE6,  #FFFFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: normal;
}

h3 {
  font-family: 'Ad Lib';
  font-size: 25px;
  background-image: -webkit-linear-gradient(#ACAEE6,  #FFFFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: normal;
}

p {
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.37);
  font-size: 20px;
}

main {
  margin: 60px;
}

iframe {
  border: 2px;
  padding: 15px;
  background: linear-gradient(180deg,#9595b1 0%,#b3b5d3 50%,#6e6f8b 50.10%,#8184b7 100%);
  border-radius: 5px;
}

.welcome {
  text-align: center;
}

.footer p{
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.37);
  font-size: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.2);
}

.navbar ul{
  list-style-type: none;
  background-image: linear-gradient(180deg,#9C7979 0%,#832C2C 50%,#6D0000 50.10%,#962800 100%);
  padding: 10px;
  margin: 0px;
  overflow: hidden;
}

.navbar a{
 color: white;
 font-family: Arial;
 text-decoration: none;
 padding: 10px;
 font-size: 20px;
 text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.37);
 display: block;
}

.navbar a:hover{
  background-image: linear-gradient(180deg,#960000 0%,#6D0000 50.52%,#6D0000 51%,#6D0000 100%);
}

.navbar li{
  float: right;
}

.logo img{
  position: absolute;
  margin: 0px;
}

.soci a{
  padding: 4px;
  display: block;
}

.soci ul{
  text-align: center;
  list-style-type: none;
  padding: 3px;
  margin: 3px;
  overflow: hidden;
  position: absolute;
}

.soci li{
  float: left;
}