Created a layout...

Hi guys, I made a new layout but since the posting layout thingy is down rn, I'ma post it on my blog...Please comment "using" if your gonna use it (I also included a loading screen, so please tell me if the coding worked)

 <style> @import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap'); body{font-family: "potta one" ;} </style> <img src="https://i.pinimg.com/1200x/3e/97/92/3e9792bbfc40a33dcede044e756bfafe.jpg"/> <img src="https://i.pinimg.com/1200x/c0/f7/53/c0f75350a8838fc2daa2018dbe838244.jpg"/> <img src="https://i.pinimg.com/1200x/13/6e/d4/136ed48409d503891d8febd20a064415.jpg"/> <style> body { background: url(https://i.pinimg.com/736x/eb/f8/cc/ebf8cc88451361a55d739924603b701e.jpg); } .profile { background-image:url(https://i.pinimg.com/736x/94/f2/57/94f2579a04111b0b00b728f488b04715.jpg); background-repeat: repeat; border-radius: 12px; } /*the username glow and shadow*/ h1 { color: /*the username glow and shadow*/ h1 { //text-shadow: 1px 1px #d19fab; }; text-shadow: 2px 2px 3px #d19fab, 0 0 25px #d19fab, 0 0 5px black; } h1, h2, h3, h4,h5,a, p, nav label, .section { main, top, links, nav .top, nav .links, details-table { background:  !important; background-image:   !important; background-size: cover !important; padding: 0 !important; /*font-size: small;*/ color: #f79ce4; { .mood text-transform:uppercase !important; } table, td } /* border: 1px solid var(--url-pink-bg)!important; */ border-spacing: 2px; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { width: 100%; border: 2px solid var(--#ff7ace); } table, th, td } border: 1px solid #d19fab; border-spacing: 2px; } .blog } border: 10px solid #d19fab; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions } width: 100%; border: 4px outset #d19fab; margin 10px 2; } .online { color: gold!important; //text-shadow: 1px 1px turquoise; } :root { --logo-blue: ; --darker-blue: ; --lighter-blue: purple 55; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: ; --light-orange: ; --even-lighter-orange: ; --table-header:#d19fab; --table-color: white; --link-text: white; --main-text: white; } main { /* changes made to stuff outside of columns */ background: black; padding: 0; font-size: small; color: #f79ce4; color: Red; text-shadow: 1px 1px 2px #0000, 0 0 25px #000000, 0 0 3px #000; } footer { background: #ffa6de!important; } .comments-table{ display: block; height: 500px; overflow-y: scroll; Border-radius: 15px; color: #ff5ec4; text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; } .contact { border-radius: 8px; background-image: url(https://i.pinimg.com/736x/f7/e7/ca/f7e7ca50a22aed7e4f116847562a35b9.jpg); background-position: right top; background-repeat: repeat; background-attachment: scroll; Width: 310px; Height:180px; color: black; text-shadow: 1px 1px 2px #ff7ad3, 0 0 25px #ff7ad3, 0 0 3px #ff7ad3; } .friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, { border: 1px curve #000000 !important; outline: curve !important; } img { border-radius: 12px; } main { background:  black; border-radius: 14px; padding: 0; font-size: 85%; color: #000000; } nav, footer, .profile .contact { display: inherit !important; opacity: 1 !important; border-radius: 12px; } main { background:  ; border-radius: 12px; border: 12px solid #000000; padding: 0; font-size: 90%; color: #f79ce4; } nav .top { background: transparent; } nav .links { background: rgba(0, 0, 0, 0.3); } nav { background-image: url(https://pixelsafari.neocities.org/dividers/repeatroselace.png) } /*customising interests box*/ .profile .table-section{ border:2px solid #ff8fe9; border-radius: 15px; } .profile .table-section .heading{ background:#000000; border: 1px solid #ff8fe9; border-radius: 15px 15px 0px 0px; text-align: center; } .profile .table-section .heading h4{ color: #ff8fe9; text-shadow: 1px 1px 2px black; } .profile .table-section .details-table td{ background: rgba(0, 0, 0, 0); padding-right: 10%; } /*customising friend space heading*/ .profile .friends .heading{ background: #ff8fe9; color: #ffffff; text-shadow: 1px 1px 2px black; text-align: center; } .profile .friends .heading h4{ text-align: center; color: #ffffff; text-shadow: 1px 1px 2px black } .general-about { background-image: url(https://media.tenor.com/4_5TMHoXwXAAAAAm/hearts-pink-hearts.webp); padding: 20px; border-radius: 10px; box-shadow: 4px 4px 0 #66154f; text-align: center; animation: nineties2 2s ease 0s infinite normal none; animation-delay: .46s; } .profile .blurbs .section :nth-child(2) { background-image: url(https://i.pinimg.com/736x/27/0f/55/270f55d198bb425cc4161933bfcc9a54.jpg); /* margin-top: -5px; */ padding: 18px; box-shadow: 4px 4px 0 #000; } .profile .profile-info .inner h3 { filter: drop-shadow(3px 3px 0 #000000); margin: 0!important; color:#FFF; } .profile .profile-info .inner h3 a { color: #FFFFFF; } .profile .profile-info { background-image: url(https://i.pinimg.com/736x/27/0f/55/270f55d198bb425cc4161933bfcc9a54.jpg); padding: 20px; border: none; border-radius: 10px; box-shadow: 4px 4px 0 #66154f; text-align: center; animation: nineties2 2s ease 0s infinite normal none; animation-delay: .15s; border: none; body:before { content: ' '; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://media.tenor.com/PPeQ2HxaqCYAAAAM/vogue-vogue-seasonal.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 6s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }