body {
  background-color: lightgreen;
  color: rgb(27, 28, 33);
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  height:auto;
  background-image:url(/); 
  background-repeat:repeat-x;
  background-attachment: fixed;
    cursor: url('/images/cursor_point1a.gif'), crosshair;
    margin:0px;
}

* {
transition:0.5s;}


@font-face {
font-family: Montserrat;
src: url("/fonts/Montserrat-Regular.woff");
}

@font-face {
font-family: 'Montserrat Bold';
src: url("/fonts/Montserrat-Bold.woff");
}

b {font-family: 'Montserrat Bold', 'Montserrat';}

* { scrollbar-color: #F3C018 #023F40; }

h1 {
  color: white;
  text-align: center;
  font-size:28px;
  background-color:#FF8A84;
  height:auto;
  padding:5px 5px 10px;
  width:180px;
  margin-right: auto;
    margin-left: auto;
    border-style: dotted;
}


.cornerimg {
  position:fixed;
    right: 0;
    bottom:0;
    z-index:-100;
}

.sidebar {
  position:fixed;
  height:auto;
  top:25%;
  font-size: 12px;
  padding:10px;
   width: fit-content;
text-align:center;
}

#headerimg {width:fit-content;
margin:auto;}

#cohostorg {display:inline-block;}


.box {
 text-align: center;
  height:auto;
  font-size: 14px;
  background-color:#FAF9F6;
  padding:25px;
  overflow: visible;
  margin:25px auto 2px;
  border-color: darkgreen;
  border-style: double;
  width: 50%;
  align-items:center;
  
}


.stickerpage {
  padding:0px;
  width: 120%;
  margin:auto;
  margin-left:-10%;
  margin-top:-50px;
}

.stickerpage img {
 vertical-align: middle; 
 max-height:200px;
 max-width:200px;
 transition:0s;
}

.stickerpage img:hover {
    transform: rotate(10deg);
}

#cssjoy {border: 3px dotted lightgreen; text-align:center; width:333px; margin:auto;}
#cssjoy p {margin: 0; padding: 0.1em;}
#cssjoy a {flex: 1; margin: 0; padding: 0.1em; border: 3px double;}

a,a:visited {
  text-decoration:none;
    color:#E55750;
    cursor: url('/images/cursor_point1a.gif'), pointer;
font-weight:bold;
}

a:hover,a:focus {
  text-decoration: wavy underline;
color:rgb(91, 32, 153);
  cursor: url('/images/cursor_hand1a.gif'), pointer;
}

button {transition:0s;
  cursor: url('/images/cursor_hand1a.gif'), pointer;}

@media only screen and (max-width: 724px) {
.sidebar {top:unset;
bottom:0;
width:100%;
display:flex;
height:20px;
background-color:#FAF9F6;
justify-content:center;
align-items:center;
gap:5px;
border-top:1px black solid;
z-index:99;}

#gohome {position:absolute;
top:-50px;
left:0;
z-index:1000;
}
.box {width:80%;}

}