BLUE EMO LAYOUT

<img src="https://gifs4crds.carrd.co/assets/images/gallery03/8d01c2e8.gif?vca07fc73a"/>

<style>

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

p{ font-family: 'Orbitron', sans-serif; 

font-size: 100%;

color: white; 

text-shadow: 1px 1px 1px black;

}

h1, h2, h3, h4, h5{

font-family: 'Orbitron', sans-serif;

font-size: 100%;

color: white;

text-shadow: 1px 1px 1px black;

}

body {

background:url(https://i.pinimg.com/564x/f0/9b/6f/f09b6ff3d728b9528aa536fea8b7d6d1.jpg) fixed;

}

main {

background:url(https://i.pinimg.com/564x/86/fd/3c/86fd3cafe70eef84966fb2c97348135c.jpg);

border: none;

}

:root {

--logo-blue: transparent;

--darker-blue: white;

--lighter-blue: transparent;

--even-lighter-blue: transparent ;

--lightest-blue:  transparent;

--dark-orange: white;

--light-orange:transparent;

--even-lighter-orange:;

--green: blue;

}

friends p, .friends a {

color: blue;

}

a:hover {

     color: turquoise;

   } 

   a{

     color: turquoise; 

   }

}

    .count {

        color: blue;

    }

.profile .friends .person p {

color: light blue;  

}

.profile .friends .person p:hover {

color: light blue;

}

friends p, .friends a {

color: light blue;

}

a:hover {

     color: white; 

}

    .count {

        color: grey;

    }

nav .top{

background-image: linear-gradient(to bottom right,#111211,#1094b5,#111211);

margin: 1em 0;

text-align: center;

border-radius: 25px;

}

nav .links{

background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);

border-radius: 25px;

display: flex;

flex-wrap: wrap;

justify-content: space-around;

font-style: italic;

}

.profile .contact .heading,

.profile .table-section .heading{

color: #FFFFFF;

background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);

border-radius: 25px;

text-align: center;

padding: .1em;

}

.profile .blurbs .heading,

.profile .friends .heading{

color: #FFFFFF;

background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);

border-radius: 25px;

text-align: center;

padding: .1em;

}

footer{

background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);

border-radius: 25px;

font-style: italic;

color: #FFFFFF;

}</style>

<style>

body { cursor: url(https://static.wikia.nocookie.net/find-the-domos/images/2/24/BlueDomo.png/revision/latest?cb=20220702230240), auto; }

}

a:hover {

     color: white;

}

nav{ 

font-size: 13px !important;

font-family: 'Orbitron', sans-serif;

text-shadow: 1px 1px black;

text-transform:none;

padding-left:3px;

text-align: center;

}

/* contact icons */

.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: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}

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

/* add to favorite */

content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}

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

/* send a message */

content:url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}

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

/* forward to friend*/

content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}

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

/* instant message */

content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}

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

/* block user */

content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}

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

/* add 2 group  */

content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}

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

/* report */

content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);

}   

.friends {

    overflow: scroll;

    overflow-x: scroll;

    overflow-x: hidden;

    height: 300px; 

}

count, .friends a p {

color: white;

}

</style>