Ride the Cyclone Blog

Layout CSS

/* (c) Layout created by vizmeow (https://layouts.spacehey.com/layout?id=104106) */

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.anton-regular {
  font-family: Anton, sans-serif;
  font-weight: 400;
  font-style: normal;
}

body{
background-color: black !important;
background-image: url('https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExYXdlcW1zMzBpODMzeWhrc3d0OW00Ym9ocHo4NG5rcDBtaGtrN3lqdiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/pOhqA8rf4IwuDoM0QI/giphy.gif') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
background-size: auto !important; }

main{
background-color: rgba(28, 199, 222, 0.8) !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }

nav .top {
    background-color: rgba(28, 199, 222, 0.8);
  }

nav .links {
    background-color: rgba(28, 199, 222, 0.8);
    text-align: right;
    border-radius: 4px 4px 0 0;
    background-position: center;
    background-repeat: no-repeat;
  }

button {
    color: #ffffff;
    background-color: orange;
  }

a {
-webkit-text-stroke: 0.3px black; 
    color: #DCDF00;
font-family: Anton, sans-serif;
  }

nav .links a {
    color:#DCDF00;
  }

footer {
    background-color: rgba(28, 199, 222, 0.8);
  }

.comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {
    background-color: rgba(35, 171, 198, 0.8);
    color:#DCDF00;
  }

.edit-info {
    background-color: rgba(35, 171, 198, 0.8);
    border: 2px solid white;
  }

.blog-entry .title {
    background-color: black;
    color: #DCDF00;
    padding-left: 5px;
   padding-right: 10px;
   padding-bottom: 5px;
   padding-top: 5px;
font-family: Anton, sans-serif;
  }

.blog-entry .content {
 background-color: rgba(255, 255, 255, 0.3);
    padding: 10px;
  }

.top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}

* {cursor: url(https://cur.cursors-4u.net/symbols/sym-3/sym263.ani), url(https://cur.cursors-4u.net/symbols/sym-3/sym263.png), auto !important;}