@font-face {
    font-family: ComicsCarToon;
    src: url("/fonts/ComicscartoonRegular-240e.woff");
}

@font-face {font-family: Bubble;
src: url("/fonts/SuperBubble-Rpaj3.woff");
}

@font-face {
    font-family: Ravie;
    src: url("/fonts/ravie.woff") format("truetype");
}

* {box-sizing: border-box;
cursor: url('/images/Arrow1265.png'), crosshair !important;
scrollbar-color: #ffd23f #540d6e;}

body {font-family:'Ravie';
background-color:#ee4266;
}

.fullon {background-image:url(https://xixxii.neocities.org/images/bgs/transpsmileymelt.png);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
opacity:0.4;
z-index:-5;}

.backnav {position:absolute;
top:5px;
left:5px;
}

.backnav a:hover {background-color:transparent;}
.backnav img:hover {rotate:10deg;}

h1 {
font-size:40pt;
width:fit-content;
margin:auto;
margin-bottom:10px;
color:#ffd23f;
text-shadow: 5px 5px #540d6e;
margin-left:100px;
line-height:1;}

.flexboxofcourse {display:flex;
flex-wrap:wrap;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-end;
width:80%;
margin:auto;
}

.hey {width:370px;
height:466px;
background-image:url(https://xixxii.neocities.org/images/clipartframes/frame27.png);
background-size: auto 460px;
background-repeat:no-repeat;
font-family:'Comic Sans MS'}

.heyinner {border:#0ead69 solid 2px;
margin-top:170px;
width:90%;
margin-left:15px;
text-align:center;
line-height:1.1;
height:280px;
padding:10px;
overflow:auto;}

#images {max-width:200px;
max-height:200px;
margin:auto;
}

#random-name {
font-size:18pt;
color:#ffd23f;
font-family:'Courier New', Courier, monospace;
font-weight:bold;
text-decoration:wavy underline 2px #3bceac;
}

.btn {border:none;
font-size:25pt;
font-family:'ComicsCarToon', 'Bubble', sans-serif;
color: #3bceac;
background-color:transparent;
text-shadow: 5px 5px #0f3c5a;
width:100%;}

.btn:active {color:transparent;
text-shadow: 5px 5px #3bceac}

.contain {border:5px #0ead69 dashed;
background-color:#540d6e;
color:#ee4266;
width:300px;
height:400px;
padding:30px;
text-align:center;
position:relative;}

@media only screen and (max-width: 768px) {

h1 {font-size:30pt;}
}