/*hey*/

@font-face {
        font-family: 'rainyhearts'; 
        src: url('https://futurest4rter.neocities.org/rainyhearts.ttf');
        }
@font-face {
        font-family: 'univers75';
        src: url('https://futurest4rter.neocities.org/UNIVERS%2075%20BLACK%20OBLIQUE.OTF');
        }
@font-face {
        font-family: 'univers';
        src: url(https://futurest4rter.neocities.org/Univers%20Regular.ttf);
        }
        
        
        ::-webkit-scrollbar {
                width: 10px;
        }

        ::-webkit-scrollbar-track {
            background: white; 
        }

        ::-webkit-scrollbar-thumb {
            background: #ff984f;
            box-shadow:inset 0 0 4px white;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #0BBAFE;
        }
        
        body {
            background-image:url(https://futurest4rter.neocities.org/stars3.gif);
            background-size:300px;
            background-attachment:fixed;
        } 
        
        p, h1, h2, h3, li {
            word-wrap:break-word;
            color:#ffffff;
            text-shadow:1px 1px 2px #0c0c69,1px 1px 2px #0c0c69;
        }
        
        p {
            margin:10px;
            font-family:'rainyhearts', sans-serif;
            font-size:18px;
            font-weight:500;
        }
        
        a {
            display:inline-block;
            color:white;
        }
        
        h1, h2, h3, li {
            font-family:'rainyhearts', sans-serif;
            font-weight:600;
        }
        
        h5 {
            font-family:'rainyhearts', sans-serif;
            font-weight:500;
            font-size:18px;
            margin:10px;
            color:#ffffff;
            line-height:1.2;
            text-shadow:1px 1px 2px #0c0c69,1px 1px 2px #0c0c69;
        }
        
        .page {
            background-image:url(https://futurest4rter.neocities.org/panelbg.png);
            background-size:cover;
            background-position:right;
            backdrop-filter:blur(2px);
            height:auto;
            width:60%;
            margin:auto;
            margin-top:20px;
            border:3px solid #717170;
            padding:15px;
            box-shadow:0 0 10px white;
        }
        
        /* relative so that the bannerside container can use absolute */
        .banner {
            position:relative;
            background-image:url(https://futurest4rter.neocities.org/1298903417_3_a.jpg);
            background-size:1300px;
            background-position:30% 72%;
            filter:sepia(90%) hue-rotate(160deg) saturate(3);
            margin:auto;
            margin-bottom:10px;
            width:100%;
            height:210px;
            border:1px solid white;
            border-radius:5px;
        }
        
        /* container for the text on the banner */
        .bannerside {
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height:100px;
        }
        
        .mp {
            display:flex;
            justify-content:center;
            margin:auto;
            margin-top:0;
            margin-bottom:10px;
            width:100%;
            height:350px;
        }
        
        .colheader {
            border-radius:4px 4px 0 0;
            width:100%;
            height:24px;
            border-bottom:1px solid white;
            background: #ff984f;
            background: linear-gradient(0deg,#ff984f 0%, #e0650d 54%, #ff8e12 55%, #ffd5a8 100%);

        }
        
        .colheader > h5 {
            margin:5px;
            margin-top:0;
        }
        
        .col {
            border:1px solid white;
            border-radius:5px;
            height:350px;
            background: #0BBAFE;
            background: linear-gradient(180deg,rgba(11, 186, 254, 0.75) 0%, rgba(0, 114, 207, 0.75) 100%);
            backdrop-filter:blur(3px);
            box-shadow:2px 2px 3px black;
        }
        
        .left {
            width:130px;
            margin-right:10px;
            float:left;
        }
        
        .midd {
            width:510px;
        }
        
        .right {
            width:240px;
            margin-left:10px;
        }
        
        .incol {
            margin:auto;
            width:99%;
            border:1px dashed blue;
        }
        
        .footer {
            width:100%;
            height:40px;
            margin-top:10px;
            border:1px solid white;
            border-radius:5px;
            background: #0BBAFE;
            background: linear-gradient(180deg,rgba(11, 186, 254, 0.75) 0%, rgba(0, 114, 207, 0.75) 100%);
            backdrop-filter:blur(3px);
            box-shadow:2px 2px 3px black;
        }
        
        /* this is for the navigation bar */
        ul {
            list-style-type:none;
            margin:0;
            padding:0;
        }
        
        li {
            font-size:20px;
            float:left;
        }
        
        li a {
            display:block;
            background: #ff984f;
            background: linear-gradient(0deg,rgba(255, 152, 79, 1) 0%, #e0650d 54%, rgba(255, 142, 18, 1) 55%, #ffd5a8 100%);
            border:1px solid white;
            border-radius:10px;
            text-align:center;
            padding:10px 21.9px;
            margin:5px 5px 5px 0;
            text-decoration:none;
        }
        
        li a:hover {
            background: #54CFFF;
background: linear-gradient(0deg,rgba(84, 207, 255, 1) 0%, rgba(6, 116, 193, 1) 54%, rgba(84, 207, 255, 1) 55%, rgba(207, 245, 255, 1) 100%);
            rotate:2deg;
            color:white!important;
        }
        /* navbar stuff end */
        
        hr {
            border:none;
            border-top:1px solid white;
        }
        
        .stamp {
            width:55px;
            margin-top:3px;
        }
        
        .cores {
            position:absolute;
            height:150px;
            animation-iteration-count:infinite;
            animation-timing-function:ease-in-out;
            animation-duration:10.1s;
            cursor:pointer;
        }
        .idbutton {
            margin-top:0;
            margin-bottom:0;
        }
        
        @keyframes wheatleyfloat {
            0% {top:60px;left:80px;rotate:0;}
            50% {top:90px;left:90px;rotate:-5deg;}
            100% {top:60px;left:80px;rotate:0;}
        }
        
        @keyframes rickfloat {
            0% {top:140px;rotate:0;}
            50% {top:200px;rotate:7deg;}
            100% {top:140px;rotate:0;}
        }
        
        @keyframes kevfloat {
            0% {top:600px;left:45px;rotate:10deg;}
            50% {top:650px;left:35px;rotate:0deg;}
            100% {top:600px;left:45px;rotate:10deg;}
        }
        
        @keyframes factfloat {
            0% {top:620px;rotate:3deg;}
            50% {top:680px;rotate:-3deg;}
            100% {top:620px;rotate:3deg;}
        }
        
        #statuscafe {
            margin:10px;
            padding:0;
            font-size:18px;
            font-family:'rainyhearts';
            color:white;
        }
        
        #statuscafe-username, #statuscafe-content {
            margin:0;
            padding:0;
            text-shadow:1px 1px 2px #0c0c69,1px 1px 2px #0c0c69;
        }
        
        #hitcount {
            margin:auto;
            color:white;
        }