Portal themed layout (FIXED)

<style>

.logo {

content:url(https://media.discordapp.net/attachments/1209519170274988132/1272944866032095285/test1.png?ex=66bcd1ca&is=66bb804a&hm=cc4b5afa7085ce05cd1c3f8a3e5625cde2c72b6e9774c931372f3f2b29995c10&=&format=webp&quality=lossless&width=550&height=140);

}

</style>

<a href="https://www.glitter-graphics.com"><img src="http://dl10.glitter-graphics.net/pub/658/658720wtxfy15ryl.gif" width="550" height="32"></a><br><a href="https://www.glitter-graphics.com" target="_blank">glitter-graphics.com</a>

 <marquee behavior="scroll" direction="right">

    <img src="https://media1.tenor.com/m/LnMWciFCw_4AAAAC/portal-portal-2.gif" width="120" height="80" alt="Natural">

</marquee>

<img src="https://media1.tenor.com/m/9TmKHpI9KTYAAAAC/portal-portal-2.gif">

<img src="https://media1.tenor.com/m/KakY-gOYa2gAAAAC/turrets-portal-2.gif">

<img src="https://external-media.spacehey.net/media/sX6LJO8b5oLEr4XNVrK-K3PFsKEUmSCf-qBWTJdgpIxo=/https://orig00.deviantart.net/f919/f/2013/009/4/0/nyan_cat_in_portals_by_ds_dna-d56j8yb.gif">

<img src="http://dl7.glitter-graphics.net/pub/864/864377uakxrr944z.gif" width="470" height="343"><br>

<img src="http://dl10.glitter-graphics.net/pub/3351/3351860cuntdosbv1.gif" width="50" height="50">

<img src="http://dl10.glitter-graphics.net/pub/658/658720wtxfy15ryl.gif" width="550" height="32"><br>

<style>

body {

    background: url(https://assets.nintendo.com/image/upload/c_fill,w_1200/q_auto:best/f_auto/dpr_2.0/ncom/software/switch/70010000050313/75484f73fedd25cb830c5d93fbb3fca643a5ec0b09df2815291ead880bc7d6b1);

}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed//dVVZaZ8yO6o?si=KAvqA6WU7G8MQVzd//?&;amp;;autoplay=1&;loop=10&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image:url(https://media1.tenor.com/m/jXFfVjXYrnMAAAAC/turre-portal.gif);

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 3s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

<style>

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

  p{   

     font-family: 'Cute Font', cursive;

     font-size: 25px;

     color: purple

 }   

</style>

<style>

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px purple;

    height: 125px;

    display: block;

    content: "";

    box-shadow: 0px 0px 5px 1px #7e6cb8;

    background-image: url(https://media1.tenor.com/m/ddPOTaag_OsAAAAC/portal-portal2.gif);

    background-position: center center;

    background-size: cover;

}</style>

<style>

footer {

    border-radius: 15px;

    background-image: url(https://media1.tenor.com/m/ddPOTaag_OsAAAAC/portal-portal2.gif);

}</style>

<style>

:root {

    --logo-orange:#7e6cb8;

    --darker-orange: #d46600;

    --blue: #0006b8;

    --dark-blue: #02079e ;

    --lightest-orange: #ffaf4d ;

    --white: #ffffff;

    --light-blue: #4059ff;

    --even-lighter-orange: #ffb96e;

    --blue: ;

}</style>

<style>

.profile .profile-info {

background-image: url(https://i6.glitter-graphics.org/pub/516/516396g5p257z23o.jpg);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #FDCAE0;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}

}</style>

<style>

.general-about {

background-image: 

url

(https://i9.glitter-graphics.org/pub/471/471089gg8033v77w.jpg);

padding: 35px;

border-radius: 47px;

box-shadow: 4px 4px 0 #FDCAE0;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .46s;

}</style>

<style>

.profile .blurbs .section :nth-child(2) {

background-image: url(https://i6.glitter-graphics.org/pub/60/60626mz5ralzd5b.gif);

     /* margin-top: -5px; */

padding: 18px;

box-shadow: 4px 4px 0 #000;

}

</style>

<style>

.contact {

  border-radius: 8px;

  background-image: url(https://media1.tenor.com/m/Jm7ValTLl_kAAAAd/portal2-portal.gif);

  background-position: left bottom;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: orange;

  text-shadow: 1px 1px 2px #FDCAE0, 0 0 25px #FDCAE0, 0 0 3px #FDCAE0; 

}</style>

<style>

.profile {

background-image:url(https://i7.glitter-graphics.org/pub/2726/2726627jtc6xj3h8o.gif);

  background-repeat: repeat;

    border-radius: 12px;

}</style>

<style>

.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* Add to Friends */

content: "☆"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content: "☆"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content: "☆"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content: "☆"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content: "☆"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content: "☆"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content: "☆"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content: "☆"

}

</style>