sour, Olivia Rodrigo

Tags: olivia, rodrigo, sour, purple, jealousy, butterfly, sticker
Description:

Olivia Rodrigo's sour album inspired layout, if you don't want the music just delete the last code
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Mali:wght@300&display=swap');

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

p{
  font-family: 'Mali', cursive;
  font-size: 130%;
  color: rgb(97, 91, 133);

}
  h1,h2,h3,h4,h5{
   font-family: 'Unica One', cursive;
   font-size: 200%;
   color: rgb(97, 91, 133);

}
  body {
   background: url(https://i.pinimg.com/originals/20/bd/e5/20bde598eae654282476c0b9aaf4c032.jpg);
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAD+ElEQVRIie2VX2iWZRjGf9fzbVPnsDDMFtksPalBpR1oUKFzph9GWce2nP+OrMBPK6RkgxShzVmH5jaTBIWgLLRvNsUV2QybJpakBq0JQZaglVO297k62JfN+X02Cs92wXvw3s/13L/nvt+H+4URjegmSYNfatMNHwmqDD8KDgi1Nn+SOfpfEi9NN04zrgXmABWy2puzmYV/rxcNOcUsYKygEqg0XlmbbtgeYljV3Lbq/HCANXM23FZUXNJkvGhwYZZnDfaFIfv2ABg+BncAXYLnHeLhZQua7vs3aG264f7ikpLDiOeALnDHQC4w2lMY7KQOuCwYi8M2wRlgBzAlxuTgjeDL522qFD5ouBfYgflBVqtMGdBbJOoLgluyr3xvsxaoQp4RE62R6SVqGlgxJm3Lnto8cSh0xbym8iTENoABry4VFfevsZiJmA1e+87ezKnCFQOt2cxm4DtQjVJeGEVFKkWvo+cD42Jf3666urqr++rq6kKSiruAMhHmpVL0It/T31/0NKgGONHyyeq3hnKKhgZANo3HhKdij1YIu/uJq1A4Z2ulREvPV2UvLJ7ftBuguzN5RvJMoDbaz0Z5gggf4liKKAa+AXkYYAj4rKHEhJ9b92beA1hRvfGWpLh4ueG0rQ1BySxZsjQXfFqovKi/r2FL+6sXAJakG2vAxaCz+Rh5wZZ+wkbyG7XphmqhA4n0i6N/RZoMLgUW+mohmox9LikpeWRJuvF24yrDbAGInmGDY0j2hSRcASoEi4QftX0RUQmU5DlqqcUWHL8VjAMmg1PAFSVqy8dI5QseO/Xp+QenVHcoaBIwFRgPlBfyD8pVnvMGRDtmaUtb5lg+83W3+tpCqLjh+v/Yq3zBZQsaHo6Rz4ExuVA3cMXQlxun+XQCGGU0SvjuXPpLjsljrW0vdw015//GkfU56G+Gt5H7BKNSUcej2AxMAmLOHoAe7HWSHrLiZWIoQX4RPF7SeiA9lFGo1TMAJLZjfpe1OF76c6PhDkRnrpp2w34AzJeEcOfFsrBR1mIUL0i8O2DTzHyAQmABtmMW0WN0JIwpa8Luxlpg6DQ+KemkoRPpSUP3uD+SRqALhR4I+wDnnuuUt9XAISANoVWwDbwXe7RDqAaXpsyblm7FgPQZ9vsBqqLUJdOLPT33Lxbi0LDBshotzwdkdDwQJyAfNd4CfL01m/ngnzFoLUlv6rL9UiA+DpoWCcc1UKhDdEM+Rt5WN2cz+7HqgXLhnUb1JrTn/K9fO3tl8GtAMKHdqF54J1Aus25rds3BfIyCA+HomX0d06fMPYI0kYFbnJLZ1pJdvSmP98z0qU/chXiAgdv+BbCyJbu6pVD+EY3opukvsE+yWcFw0XIAAAAASUVORK5CYII=), auto;

}
  .profile {
     background: transparent, no-repeat center center fixed;

}
.profile-pic {
border-radius: 500px;
overflow: hidden;

}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: none;

}
.profile-info{
border:none;

}
table.comments-table{
border:none;
border-collapse: collapse;
border-radius:10px;
overflow: hidden;
color: #ffffff !important;
}

comments-table button{
background:#000000;
border-radius: 15px;
color: #ffffff !important;
}

table.comments-table td {
background-color: rgba(255,255,255, .45) !important;
border: none;
color: #ffffff !important;
}

.comments-table td:first-child img {
width: 80px;
border: none;
color: #ffffff !important;
}

.profile .friends .person img {
border-radius: 15px;
}

a{
Color:#eeeeee;
Text-decoration: none;

}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner a img {
    font-size: 0;
}
.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: "🎶"
}
main:before {
       width: auto;
       margin-bottom; 25px;
       border: .1px solid black;
       height: 285px;
       display: block;
       content: "";
       box-shadow: 0px 0px 0px 0px #a5b4cc;
       background-image: url(https://i.pinimg.com/originals/62/af/bd/62afbd7e2e4654526bdb55d1f76f1085.jpg);
       background-position: center center;
       background-size: cover;
       border-radius: 15px

}
  main{
      background-color: transparent;

}

footer {
     border-radius: 15px;
     background-image: url(https://64.media.tumblr.com/0bf30c5d6720fec9a2f9280b28b58433/68929f1e6be6eaeb-10/s1280x1920/f7263fb859d18a327ee0fd143245195523b16430.jpg);
     color: white;   
     
}

:root {
      --logo-blue: ;
      --darker-blue: rgb(97, 91, 133);
      --lighter-blue: ;
      --even-lighter-blue: ;
      --lightest-blue: ;
      --dark-orange: rgb(97, 91, 133);
      --light-orange: ;
      --even-lighter-orange: rgb(46 45 43);
      --green: ;

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Z-9gQjUZMm0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Displaying 0 of 0 comments ( View all | Add Comment )