Avril Lavigne layout

Tags: music, katie, simple

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!! Credits are appreciated (a post, a bulletin or something else that can support me) You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me

Preview:

click on the image for a larger preview

Code:

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

<style>

Main, footer { border-radius: 50px;
overflow: hidden;
</style>

<style>

nav {
        border-radius: 15px 15px ;
        overflow: hidden;

    }

Main { background: transparent;

</style>

<style>
nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav, footer { background: #00000000.url()no-repeat left top;
background-size: cover;

</style>

<style>

Main, body, p, A {
    font-family: Covered By Your Grace, handwriting;
    font-size: 15px;
    font-weight: 100;
    color: white;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 2em;
    letter-spacing: 0px;
    text-shadow: 0px 0px 0px rgba(242, 242, 242, 0.93);
}

Main, footer { background: transparent;}


<style>

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

h1 {
  width:100%;
  height:100%;
  background:;
  font-family: 'Montserrat', sans-serif;
  font-size:99px;
  text-align:center;
}

H1 { color: #FFFFFF;
background: #F7C1C155;
text-shadow: 4px 3px 0px #7A7A7A;


</style>


<style>

body { 
  background: #000000 url(https://pbs.twimg.com/media/Et-0I2xUcAYFwfE?format=jpg&name=large) repeat center center;
background-size: cover;
 background-attachment:fixed;
</style>

<style>
 :root {
        --logo-blue: #EE82EE55;
        --darker-blue: ;
        --lighter-blue:  #EE82EE55;
        --even-lighter-blue:  #EE82EE55;
        --lightest-blue:  #EE82EE55;
        --dark-orange:  #EE82EE55;
        --light-orange:  #EE82EE55;
        --even-lighter-orange:  #EE82EE55;
        --green: #38d;
    } 

table, th, td {
  border: 1px solid transparent;
}</style>

<style>

.comment-replies { border: 0px solid pink;}
</style>

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.