@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');

.concert-one-regular {
  font-family: "Concert One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body, html{
  overflow-y:auto;
  overflow-x:hidden;
}

body{
padding:0px;
background-image:url('/picz/bun tile.png');
background-repeat: repeat;
}

#banner{
position:relative;
width:78%;
height:auto;
top:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
text-align: right;
background: rgb(255,141,208);
background: linear-gradient(90deg, rgba(255,141,208,1) 0%, rgba(239,171,93,1) 15%, rgba(255,210,85,1) 33%, rgba(88,244,124,1) 50%, rgba(86,199,214,1) 68%, rgba(97,88,231,1) 85%, rgba(177,67,255,1) 100%);
border-radius:35px;
font-size:30px;
font-family:concert one;
letter-spacing:5px;
color:#680370;
z-index:2;
padding:16px;
}

.sitetable{
position: relative;
width: 80%;
max-height:300px;
border: none;
background-color: white;
border-radius:25px;
top:0;
left:10%;
right:10%;
z-index:2;
text-align:center;
font-family: concert one;
}

.td1{
position:relative;
width:15%;
text-align:center;
padding:5px;
vertical-align:top;
border-radius:25px;
}

.td2{
position:relative;
width:45%;
text-align:center;
padding:5px;
font-size:24px;
}

.td3{
position:relative;
width:20%;
padding:5px;
text-align:center;
background-color:#fcc2ca;
font-family: concert one;
vertical-align:top;
border-radius:25px;
}

.td4{
 position:relative;
 width:70%;
 text-align:center;
 padding:5px;
}

.site_menubuttons{
position:relative;
width:100%;
height:45px;
float:left;
background-color:#fcc2ca;
text-align:center;
padding-top:10px;
color:#418bcc;
font-family: concert one;
font-size:25px;
margin-top:2px;
border-radius:25px;
}

.site_mainbox{
 position:relative;
 width:80%;
margin:auto;
 padding:5px;
 border-style: solid;
 border-color: purple;
 border-width: 2px;
 border-radius: 45px;
 color:black;
font-family: concert one;
font-size:16px;
text-align:center;
}

.blog{
  text-align:left;
}

.site_navbuttons{
position:relative;
background-color:#fcc2ca;
padding:10px;
text-align:center;
font-family:concert one;
font-size:22px;
margin:5px;
border-radius:25px;
color:#680370;
}

.rnbwtxt{
  font-size: 22px;
  font-family: concert one;
  background-image: linear-gradient(to left, #b75cdb, #6962f0, #63c0f2, #5ae86d, #fffc5c, #ffb042, #ff7da4);
  width:40%;
margin:auto;
border-radius:45px;
}

h1{
text-decoration:underline;
font-size:32px;
font-family: concert one;
}

button{
  cursor:pointer;
  text-decoration:none;
}

span{  
  cursor:pointer;
} 


ul{
  position:relative;
  width:40%;
  text-align:left;
  left:30%;
  list-style-position:inside;
}

/* MOBILE ADJUSTMENTS */

@media only screen and (max-width: 900px) {
  
body, html{
  overflow-y: auto;
}
  
#banner{
width:100%;
height:80px;
left:auto;
right:auto;
top:auto;
}
  
.sitetable{
width: 100%;
height:auto;
left:auto;
right:auto;
}

.td1{
width:100%;
float:left;
left:auto;
right:auto;
}

.td2{
width:100%;
float:left;
}

.td3{
width:98%;
float:left;
left: auto;
right: auto;
}

.td4{
  width:100%;
  float:left;
  left:auto;
  right:auto;
}

.site_menubuttons{
width:98%;
height:25px;
padding-top:5px;
font-size:14px;
left:auto;
right:auto;
}

.site_mainbox{
  width:90%;
  font-size:14px;
  margin:auto;
  left:auto;
  right:auto;
}

.site_navbuttons{
  font-size:18px;
  padding:2px;
  margin:2px;
}
h1{
  font-size:18px;
}
}