/* 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." */
body {
  background: linear-gradient(0deg, rgba(183,150,203,1), rgba(60,52,79,1));
  color: white;
  font-family: Arial;
  }

header {
  text-align: center;
  
  background-color: slategray;
  background-image: url("https://bananasher.neocities.org/autumn.PNG");
  background-position: center;
  background-size: 900px;
  
   border: 5px solid darkred;
   animation: mymove1 5s infinite;
   
  padding: 5px;
  margin: 200px;
  margin-top: 25px;
  margin-bottom: 25px;
}

header img {
  outline: 0;
  background: #eaf6fd;
  background: -moz-linear-gradient(top, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  background: -webkit-linear-gradient(top, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  background: linear-gradient(to bottom, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eaf6fd', endColorstr='#a7d9f5', GradientType=0);
  border: 1px solid #3C7FB1;
  box-shadow: 0 0 3px #A7D9F5;
  -o-box-shadow: 0 0 3px #A7D9F5;
  -webkit-box-shadow: 0 0 3px #A7D9F5;
  -moz-box-shadow: 0 0 3px #A7D9F5;
  padding:7px;
  border-radius: 20%;
  animation: mymove1 5s infinite;
} 

.swag {
     outline: 0;
  background: #eaf6fd;
  background: -moz-linear-gradient(top, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  background: -webkit-linear-gradient(top, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  background: linear-gradient(to bottom, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eaf6fd', endColorstr='#a7d9f5', GradientType=0);
  border: 1px solid #3C7FB1;
  box-shadow: 0 0 3px #A7D9F5;
  -o-box-shadow: 0 0 3px #A7D9F5;
  -webkit-box-shadow: 0 0 3px #A7D9F5;
  -moz-box-shadow: 0 0 3px #A7D9F5;
  padding:7px;
  border-radius: 20%;
}
  
.swag:hover,focus {
     outline: 0;
  background: #eaf6fd;
  background: -moz-linear-gradient(top, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  background: -webkit-linear-gradient(top, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  background: linear-gradient(to bottom, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eaf6fd', endColorstr='#a7d9f5', GradientType=0);
  border: 1px solid #3C7FB1;
  box-shadow: 0 0 3px #A7D9F5;
  -o-box-shadow: 0 0 3px #A7D9F5;
  -webkit-box-shadow: 0 0 3px #A7D9F5;
  -moz-box-shadow: 0 0 3px #A7D9F5;
}
.swag:active {
    box-shadow: inset 0 -1px 6px rgba(0, 0, 0, 0.2), inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
  -o-box-shadow: inset 0 -1px 6px rgba(0, 0, 0, 0.2), inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
  -webkit-box-shadow: inset 0 -1px 6px rgba(0, 0, 0, 0.2), inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
  -moz-box-shadow: inset 0 -1px 6px rgba(0, 0, 0, 0.2), inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
}

h1 {
  color: indianred;
  animation: textcolor 5s infinite;
  text-shadow: 2px 2px 4px #333333;
}

h2 {
  color: honeydew;
}

@keyframes mymove1 {
  50% {border-color: mediumpurple;}
}

.blinkblink img {
   border: none;
   width: 308px;
   padding-top: 10px;
   padding-bottom: 10px;
   }
   
 .comix {
  padding: 5px;
  }
  
.comix img {
  width: 300px;
  height: 300px;
  object-fit: contain;
   }
   
.logon-screen {
     border: none;
     color: white
     }
     
.logon-screen img {
     border: solid steelblue;
     border-radius: 10%;
     }
     
     .comix img{
       width: 300px
     }

@keyframes textcolor {
  50% {color: mediumpurple;}
}

a {
	color: powderblue;
}

a:hover {
	color: darkred;
}

a:visited {
	color: mediumpurple;
}


footer {
  font-size: 16px;
  color: rebeccapurple;
}

mark {
    background-image: linear-gradient(to right, darkred,orange,yellow,green,blue,indigo,violet);
    color: transparent;
    background-clip: text;
}

.smaller { font-size:85%; }

marquee {
  font-size: 48px;
  font-family: Tahoma;
}