riot grrrl layout saving

this is what it looks like

used a broken layout as a base

og: https://layouts.spacehey.com/layout?id=35167

<style>

html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url(https://th.bing.com/th/id/R.f64028776b7c56d064de5fe61357f06e?rik=XvZ4qlLpcPKnvA&pid=ImgRaw&r=0);

  content: "";

  height: 300%;

  left: -50%;

  opacity:.2;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}

@keyframes grain

  70% { transform:translate(0%, 15%) }

}

.online{

content: url("https://i9.glitter-graphics.org/pub/76/76579nter2k6mhd.gif") !important;

}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth904.cur), auto !important;} /* End https://www.cursors-4u.com */

    body{

color: white !important;

font-family: courier new;

background-image: url('https://i.pinimg.com/236x/a2/06/b7/a206b76c97f0e60c2b22fdab67ebb7a8.jpg') !important;

background-repeat: REPEAT !important;

    }

    .container{

border-radius: 10px;

    }

    main{

border-radius: 10px;

border: 2px solid darkred;

box-shadow: 5px 5px 5px black;

background-image: url('https://th.bing.com/th/id/R.939dca17e7465ca7077efd6a348ab2b1?rik=l0Pv8feAeG2wFg&pid=ImgRaw&r=0') !important;

    }

    .profile{

border-radius: 10px;

    }

    a{

color: white !important; 

    }

    a:hover{ 

color: yellow !important; 

    }

    a:visited{

color: white !important;        

    }

    button{

color: black !important;

    }

    h4{

color: white !important;

background-color: darkred !important;

    }

    .top{

color: white !important;

font-weight: bold !important;

border: 2px solid darkred !important;

border-radius: 10px;

box-shadow: 5px 5px 5px black;

background-image: url('https://i9.glitter-graphics.org/pub/327/327469mkd8ke9yub.jpg') !important;

background-repeat: REPEAT !important;  

    }

    .logo{

    }

    .top label{

color: white !important;

    }

    .top input{

color: black !important;

background-color: white !important; 

    }

    .top button {

color: black !important;

    }

    .top a{

color: white !important;

font-weight: bold;

    }

    .top a:hover{

color: lightgray !important;

    }

    .top a:visited{

color: white !important;

font-weight: bold !important;

    }

    .links{  

background-color: darkred !important;

box-shadow: 5px 5px 5px black;

border-radius: 10px;

    }

    .links a{

color: white !important;        

    }

    .links a:hover{

color: yellow !important;

    }

    .links a:visited{

color: white !important;

    }

    h1{

color: white !important;

font-weight: bold !important;

    }

    .profile-pic{

    }

    .profile-pic img{

box-shadow: 5px 5px 5px black;

border-radius: 10px;

    }

    .general-about{

box-shadow: 5px 5px 5px black;

color: white !important;

border: 2px solid darkred !important;

border-radius: 10px;

background-image: url('https://th.bing.com/th/id/R.2643fd440721ba5623247c4dd78ad9a6?rik=M4QT0xw9T7ebuQ&riu=http%3a%2f%2fwallpapercave.com%2fwp%2fyaLjpKB.jpg&ehk=ObOKg7rVcufacTPY%2b2FwV62hHJr7keQ%2bYpnqvtyQkqM%3d&risl=&pid=ImgRaw&r=0') !important;

background-repeat: REPEAT !important;

    }

    .mood{

color: white !important;

box-shadow: 5px 5px 5px black;

border: 2px solid darkred !important;

border-radius: 10px;

background-image: url('https://i7.glitter-graphics.org/pub/507/507767tv9mtutha9.jpg') !important;

background-repeat: REPEAT !important;

    }

    .mood a{

color: yellow !important;

font-weight: bold !important;   

    }

    .mood a:hover{

color: white !important;

font-weight: bold !important;

    }

    .mood a:visited{

color: yellow !important;

font-weight: bold !important;

    }

    .mood b{ 

color: white !important;

    }

    .mood p{    }

    .contact .heading{

color: white !important;

font-weight: bold !important;

background-color: darkred !important;

    }

    .contact{

box-shadow: 5px 5px 5px black;

border: 2px solid darkred !important;

background-image: url('https://i.pinimg.com/236x/e2/e1/a3/e2e1a30cec83c1b9aec00c4835f0490a.jpg');

border-radius: 10px;

    }

    .contact a{

color: white !important;

font-weight: bold !important;

    }

    .contact a:hover{

color: yellow !important;

font-weight: bold !important;

    }

    .contact a:visited{

color: white !important;

font-weight: bold !important;

    }

    .url-info{

color: white !important;

box-shadow: 5px 5px 5px black;

border: 2px solid darkred !important;

border-radius: 10px;

background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png') !important;

background-repeat: REPEAT !important;

    }

    .url-info b{

color: white !important;

    }

    .url-info p{

    }

    .table-section{

border: 2px solid darkred !important;

box-shadow: 5px 5px 5px black;

border-radius: 10px;

background-color: black !important;

    }

    .table-section .heading{

color: white !important;

font-weight: bold !important;

background-color: darkred!important;

    }

    table.details-table{

    }

    .profile .details-table td{

color: white !important;

font-weight: bold !important;

border-radius: 3px;

background-image: url('https://i.pinimg.com/236x/e2/e1/a3/e2e1a30cec83c1b9aec00c4835f0490a.jpg') !important;

    }

    .profile-info{

color: white !important;

box-shadow: 5px 5px 5px black;

border-radius: 10px;

border: 2px solid darkred;

background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png') !important;

    }

    .blog-preview{

color: white !important;

box-shadow: 5px 5px 5px black;

border-radius: 10px;

font-weight: bold !important;

border: 2px solid darkred;

background-image: url('https://i9.glitter-graphics.org/pub/1014/1014359plv9uekb2b.jpg') !important;

background-repeat: REPEAT !important;

    }

    .blog-preview h4{

color: white !important;

    }

    .blog-preview a{

color: yellow !important;

font-weight: bold !important;

    }

    .blog-preview a:hover{

color: white !important;

font-weight: bold !important;

    }

    .blog-preview a:visited{

color: yellow !important;

font-weight: bold !important;

    }

    .blog-preview p{

    }

    .blurbs{

color: white !important;

box-shadow: 5px 5px 5px black;

border: 2px solid darkred;

border-radius: 10px;

background-image: url('https://th.bing.com/th/id/R.2643fd440721ba5623247c4dd78ad9a6?rik=M4QT0xw9T7ebuQ&riu=http%3a%2f%2fwallpapercave.com%2fwp%2fyaLjpKB.jpg&ehk=ObOKg7rVcufacTPY%2b2FwV62hHJr7keQ%2bYpnqvtyQkqM%3d&risl=&pid=ImgRaw&r=0') !important;

background-repeat: REPEAT !important;

    }

    .blurbs .heading{

color: white !important;

font-weight: bold !important;

background-color: darkred !important;

border-radius: 3px;

    }

    .blurbs .section h4{

color: white !important;

font-weight: bold !important;

    }

    .friends .heading{

color: white !important;

font-weight: bold !important;

border-radius: 3px;

background-color: darkred !important;

    }

    .friends{

color: white !important;

box-shadow: 5px 5px 5px black;

font-weight: bold !important;

border: 2px solid darkred;

border-radius: 10px;

background-image: url('https://i7.glitter-graphics.org/pub/507/507767tv9mtutha9.jpg') !important;

background-repeat: REPEAT !important;

    }

    .friends-grid{

    }

    .friends a{

color: white !important;

font-weight: bold !important;

    }

    .friends a:hover{

color: yellow !important;

font-weight: bold !important;

    }

    .friends a:visited{

color: wbite !important;

font-weight: bold !important;        

    }

    .friends b{

color: white !important;

font-weight: bold !important;

    }

    .friends p{

    }

    .friends .person p{

color: white !important;

font-weight: bold !important;

    }

    .count{

color: yellow !important;

font-weight: bold !important;

    }

    .more{

color: white !important;

font-weight: bold !important;

    }

    .comments-table{

box-shadow: 5px 5px 5px black;

color: white !important;

font-weight: bold !important;

border: 2px solid black;

background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png')!important;

border-radius: 10px;

    }

    .comments-table td{

box-shadow: 5px 5px 5px black;

color: white !important;

border-radius: 10px;

border: 2px solid black;

background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png') !important;

    }

    .pagination{

    }

    footer{

color: white !important;

box-shadow: 5px 5px 5px black;

border: 2px solid darkred;

border-radius: 10px;

background-image: url('https://i7.glitter-graphics.org/pub/507/507767tv9mtutha9.jpg') !important;

background-repeat: REPEAT !important;

    }

    footer a{

color: darkred !important;

font-weight: bold !important;

    }

    footer a:hover{

color: yellow !important;

font-weight: bold !important;

    }

    footer a:visited{

color: darkred !important;

font-weight: bold !important;

    }

    footer .links{

color: white !important;

    }

    footer .links a{

color: white !important;

font-weight: bold !important;

    }

    footer .links a:hover{

color: yellow !important;

font-weight: bold !important;

    }

    footer .links a:visited{

color: white !important;

font-weight: bold !important;

    }

    .copyright{

color: white !important;

    }

</style>

<style>

/* banner */

main:before {

width: 100%;

height: 170px;

display: block;

content: "";

background-image: url('https://i.postimg.cc/44L9VmQ9/02c7a13ae84e47b7ba1fbbd58f41ca7f.jpg');

background-position: center center;

background-size: cover;

}

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

main:before{

height: 200px;</style>