Hello! I'm starting to create layouts and I created this one! Some of the code is not mine, I'll give all the credits here!

Hola! Estoy empezando a crear layouts y esta la he creado yo! Parte del código no es mío, daré todo el crédito aquí!

fotter - https://pin.it/2W94caLBk

banner - https://pin.it/1khEREtAr

background image - https://pin.it/4zL5mnCmT

The part of the code that I didn't do is from / La parte del código que no hice es de - ♱𝓗𝓪𝓷𝓷𝓪𝓱 

from the layout called: cake layout 

I don't know how to post photos, sorry!/¡No sé cómo publicar fotos, lo siento!

Code!

<style> 

 .profile {

  background: url("")  no-repeat center center ;

 }

</style>

<style>

 main {

  background: transparent;

   }

</style>

<style>

  body  {

  background: url("https://i.pinimg.com/originals/b2/ee/52/b2ee52ddce6fac67e9dac8829821ffd5.gif") no-repeat center center 

      fixed;

  -webkit-background-size:  cover;

  -moz-background-size:  cover;

  -0-background-size:  cover;

  background-size:  cover;

 }

</style>

<style>

    .profile .blurbs .heading,

    .profile .friends .heading {

       background-color: #291a47;

     }

</style>

<style>

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

p{ 

       font-family: "Titan One", sans-serif;

       font-size: 15px;

       color: #ba93ba;

}

h1,h2,h3,h4,h5{

    font-family: "Source Sans 3", sans-serif;

       font-size: 15px;

       color: #942f94;

</style>

<style>

    .profile .contact .heading,

    .profile .table-section .heading {

       background-color: #291a47;

     }

</style>

<style>

main:before {

       width: auto;

       margin-bottom: 0px;

       border: 0px #373736;

       height: 300px;

       display: block;

       content: "";

       box-shadow: 0px 0px 5px 1px #373736;

       background-image: url(https://i.pinimg.com/originals/a8/05/be/a805bee79dc68789a33909acac6a3359.gif);

       background-position: center center;

       background-size: cover;</style>

<style>

footer  {

     border-radius: 15px;

     background-image: url(https://i.pinimg.com/originals/53/11/46/531146f851ce6afc874d2c40d649ba6e.gif)

 }

<style>

}

.contact, .url-info, .table-section, .profile-info {

   border-color: #2e2e2d !important;

}

td {

   background-color: transparent;

}

input, button:not(.logout-btn) {

   border: 1px groove transparent;

}

.pfp-fallback, .row.profile {

   border: 1px dotted transparent;

}

.logo-fallback {

   height: 38px;

}

</style>

<style>

:root {

    --logo-blue:#242423;

    --darker-blue: ;

    --lighter-blue: black;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: black;

    --light-orange: black;

    --even-lighter-orange: black;

    --green: pink;

</style>