Etienne Sin layout!!

I am Very new 2 making layouts and this is one of my first few attempts so if there are any errors please feel free to leave Constructive criticism but otherwise, enjoy! ^^ 

(I will most likely end up coming back to this and editing/ adding a few more things later as well!)

If you do use this layout please let me know in the comments!! : )

-

Copy and paste the text below into the about me/code section of your profile!:

<style>

body{

background-color: COLOR !important;

background-image: url(https://i.postimg.cc/Dm5fRtbg/es.jpg) !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style>

main{

background-color: COLOR !important;

background-image: url(https://i.postimg.cc/JGBgjXmM/images.jpg) !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style>

.heading{

background-color: #D90D0D !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style type="text/css">

body {

  cursor: url(https://cdn.cursors-4u.net/previews/ipod-video-red-34e23e7b-32.webp), auto;

}

</style>

<style>table.comments-table{display: block;height: 200px!important;overflow-y: scroll;}</style>

<style>.profile-pic {background: #fff;padding: 5px 5px 196px;box-shadow: 3px 3px 10px silver;height: ;transform: rotate(deg); filter: grayscale(10%);}</style>

<style>.online{content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/050c3e0c-1f5d-4f41-9c4b-a28246506d9d/ddbw8m8-212d84a2-37fd-47c4-ba07-e2d2619245d8.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi8wNTBjM2UwYy0xZjVkLTRmNDEtOWM0Yi1hMjgyNDY1MDZkOWQvZGRidzhtOC0yMTJkODRhMi0zN2ZkLTQ3YzQtYmEwNy1lMmQyNjE5MjQ1ZDguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._3XTTbo0YZUuJXh7QDHVxqumgNVu7f04d0uwNbnUrAM) !important;}</style>

<style>

main:before {

width: 100%;

height: 210px;

display: block;

content: "";

background-image: url(https://img.youtube.com/vi/0zBvqooOWl0/0.jpg);

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 600px) {

main:before{

height: 200px;

}

}

</style>

<style>

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

</style>

<style>

:root {font-family: Estonia, sans-serif;}

h1 {font-family: Estonia, sans-serif;}

</style>

<style>a{font-family: Estonia !important;}</style>

<style>.links a{font-family: Estonia !important;}</style>

<style>body{font-family: Estonia !important;}</style>

<style>

.top input{

background-color: #D90D0D !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>