body{
  background-image:url("https://files.catbox.moe/4l2iis.jpg");
    color:#636363;
  font-family: "Potta One", system-ui;
    background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

.potta-one-regular {
  font-family: "Potta One", system-ui;
  font-weight: 400;
  font-style: normal;
}

::selection {
  background: #ff87ef;
color:#e000c3;
}

a{
  color:#6e45ff;
  letter-spacing:1px;
}
a:hover{
  color:#f524a9;
}

hr{
  color:#fb1618;
  border-top:1px solid #fb1618;
  border-left:none;
  border-right:none;
  border-bottom:none;
  width:70%;
}

h1{
  text-transform:uppercase;
background: linear-gradient(90deg, #00000000 0%, #fa4940 25%, #fa4940 75%, #00000000 100%);
  font-size:1.2em;
  padding:1px;
  color:#f7edd2;
   text-shadow: 0 0 4px #970d0e;
}

h2{
  text-transform:uppercase;
background: linear-gradient(90deg, #00000000 0%, #feb9ba 25%, #feb9ba 75%, #00000000 100%);
  font-size:1em;
  padding:1px;
  color:#f7edd2;
     text-shadow: 0 0 4px #fa4940;
}

span{
  font-weight:bold;
}

p{
  text-align:left;
  margin:15px;
  text-shadow: #ffffff 0px 2px;
}


.body{
 margin: 0 auto;
  width:1100px;
  background-image:url("https://files.catbox.moe/2z1e4z.jpg");
  background-size:100% 100%;
  background-repeat:no-repeat;
  height:550px;
  border: 5px solid black;
  margin-top:75px;
  display: flex;
}

.layoutimg{
  margin:0 auto;
  width:100%;
  height:auto;
  position:relative;
  z-index:0;
}

.content{
  z-index:1;
  position:relative;
  width:50%;
  vertical-align:top;
  flex-basis: 60%;
}

.sidebit{
  z-index:1;
  position:relative;
  width:50%;
  vertical-align:top;
  margin-top:30px;
  flex-basis: 40%;
}

.content, .sidebit {
  flex: 1;
  padding: 1px;
  box-sizing: border-box; 
  overflow-y: auto; 
}

.header{
  padding:5px;
  margin:5px;
  font-family: "Potta One", system-ui;
  font-size:3em;
  color:#fc7672;
  text-shadow: 0 0 10px #7e1e1b;
  text-align:right;
}

.nav{
  padding:5px;
background: linear-gradient(0.25turn, #ffedec, #fec8c6);
  border:1px solid #fb1618;
  border-radius:2px;
  margin:5px;
  font-size:.7em;
  width:92%;
}
.nav a{
  margin:1px;
  padding:1px;
}

.blog{
  padding:5px;
background: linear-gradient(90deg, rgba(249,162,243,0.75) 0%, rgba(249,162,243,1) 10%);
  border:1px solid #6e45ff;
  border-radius:2px;
  Margin:5px;
  font-size:.7em;
  height:80%;
  overflow: auto;
}

.blog img{
  max-width:80%;
  margin:3px;

}

.footer{
  text-align:right;
  font-size:.6em;
  padding:0;
  margin:5px;
  color:#e2bfe2;
}

.footer a{
  color:pink;
  background:none;
}

.icon{
  width:100px;
  height:100px;
  border:1px solid #fb1618;
  float:right;
  padding:1px;
  margin:5px;
}

.linkimg{
  padding: 5 50px;
  height:150px;
  width: 300px;
}

.cornerimg{
position: fixed;
  right: 0px;
  bottom: -5px;
  z-index: 10;
}