I Made a Purrfect Apawcalypse Layout!

The Spacehey layout page will not allow me to upload a layout, so I am posting it here. This layout is a heavily edited version of Sam's Meta Knight layout! The code is as provided below: 

<!-- (c) Original Layout created by Sam  (https://layouts.spacehey.com/layout?id=99050) -->

<style>

.profile-pic:after { display: inline-block; content:"" }

.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 

</style>

<style>

/* background and profile background */

body{

   background: url( https://i.ibb.co/9W2jtv5/locker2.png) no-repeat fixed; background-size:cover;

}

main {

background: rgba(12, 15, 74, 0.48);

border-radius:15px;

border: 2px solid rgba(12, 15, 74, 0.48)

}

nav .top{

background-color: rgba(12, 15, 74, 0.48);

border-radius:15px;

border: 2px solid rgba(12, 15, 74, 0.48)

}

nav .links{

background-color: transparent;

border-radius: 15px;

border: none

}

footer {

background-color: transparent;

border-radius: none;

border: none

</style>

<style>

table.comments-table{

display: block;

height: 300px!important;

overflow-y: scroll;

}

</style>

<style>

.logo {

content:url(" https://static.wikia.nocookie.net/purrfect-apawcalypse/images/0/07/Purrfect_Apawcalypse_Logo.png/revision/latest/scale-to-width-down/338?cb=20200901171025 ");

}

</style>

<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url( https://i.ibb.co/zRHq5zK/Patches-Ito-ID-Card.png );  width: auto; height: 250px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}

a {

color: red;

}

.section p {

color: white;

}

}

.profile .url-info p {text-align: center;}

#note {

height: 403px;

width: 362px;

user-drag: none;  

   user-select: none;

   -moz-user-select: none;

   -webkit-user-drag: none;

   -webkit-user-select: none;

   -ms-user-select: none;

}

#note:active {

content: url("https://i.ibb.co/jr0M2hC/locker03.png")

}

</style>

<img id="note" src="https://i.ibb.co/BV6gZF3/button03.png"/>