/* This is the main CSS for all pages. */

* {
  box-sizing: border-box;
}
 
body {
background-image: url("https://popcorncat2013.neocities.org/website%20backgroundaaa.gif");
background-repeat: no-repeat;
background-size: cover;
font-family: pusab;
}
h1 {
color: transparent;
background: linear-gradient(180deg,rgba(221, 255, 212, 1) 0%, rgba(131, 255, 115, 1) 13%, rgba(62, 196, 44, 1) 60%, rgba(17, 145, 17, 1) 100%);
background-clip: text;
font-size:50px;
text-align:center;
font-family:pusab;
-webkit-text-stroke: #0035ff 1px;
} 

.button h1 {
  font-size: 40px;
  margin: 0;
}

h2 {color:white;font-size:40px;text-align:center;font-family:pusab;} 

p {color:white;font-size:30px;font-family:pusab;}

h3 {
 font-family: pusab;
 text-align: center;
 font-size: 35px;
 color: white;
}

.textblock {
   background: linear-gradient(135deg,rgba(65, 229, 225, 1) 0%, rgba(72, 230, 83, 1) 100%);
 border:4px solid Black;
 border-image: linear-gradient(to bottom, #D4F1FF 0%, #4A89FF 13%, #1C1191 100%) 2;
 background-repeat: no-repeat;
 background-size: cover;
 width:600px;
 height: auto;
 display: inline-block;
 position: relative;
 border-radius:5px;
}
.center {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.title {
background-image: url("https://popcorncat2013.neocities.org/heading%20background.gif");
 background-repeat: no-repeat;
 background-size: cover;
 width:100%;
 margin:auto;
 border: 4px solid Black;
   border-image: linear-gradient(150deg, #DCD4FF 0%, #984AFF 13%, #2F2CC4 60%, #641191 100%) 2;
  border-radius:5px;
}

.heading {   
 background-image: url("https://popcorncat2013.neocities.org/heading%20background.gif");
 background-repeat: no-repeat;
 background-size: cover;
 width:600px;
 margin:auto;
 border: 4px solid Black;
 border-image: linear-gradient(150deg, #DCD4FF 0%, #984AFF 13%, #2F2CC4 60%, #641191 100%) 2;
  border-radius:5px;
}

.gallery { 
  background: linear-gradient(135deg,rgba(65, 229, 225, 1) 0%, rgba(72, 230, 83, 1) 100%);
 border: 4px solid Black;
  border-image: linear-gradient(to bottom, #D4F1FF 0%, #4A89FF 13%, #1C1191 100%) 2;
 width:1000px;
 height:300px;
 overflow-y: scroll;
  border-radius:5px;
}

.sidebar {
 background: linear-gradient(135deg,rgba(65, 229, 225, 1) 0%, rgba(72, 230, 83, 1) 100%);
 border: 4px solid Black;
  border-image: linear-gradient(to bottom, #D4F1FF 0%, #4A89FF 13%, #1C1191 100%) 2;
 width: 300px;
 display:inline-block;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
  border-radius:5px;
}
 .button {
 font-size: 40px;
 color: #8affa3;
 background-image: linear-gradient(135deg, #0083ff 0%, #d031ff 100%);
 padding: 13px;
 border-radius: 5px;
 font-family:pusab;
 border: 3px solid Black;
 border-image: linear-gradient(150deg, #DCD4FF 0%, #984AFF 13%, #2F2CC4 60%, #641191 100%) 2;
}
.button:hover {
  background-image: linear-gradient(135deg, #004bfe 0%, #7b00ff 100%);
}
.container {

 display: flex;
 
 justify-content: space-around;
}

strong {
 color:#fa3973;
 font-size:35px;
 }