Teal and black profile layout

(taken on mobile) preview photo:

CODE:

<style>

  font-size: 150%;

}

h1,h2,h3,h4,h5{

  font-size: 200%; 

}

  body {

   background-image: url(https://i.pinimg.com/736x/92/42/31/9242317408acc4b5532a9bbc21448430.jpg);

}

.profile {

   background-color: rgb(no need); 

}

/* change all headings on page to different colors. */

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb(no need);

   color: ;

}

/* change all headings on page to different colors. */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: ;

   color: rgb(no need);

}

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px solid black;

    height: 120px;

    display: block;

    content: "";

    background-image: url(https://i.pinimg.com/736x/04/6a/3d/046a3ddc009bd21a33cbfb8996cf000c.jpg);

    background-position: center center;

    background-size: cover;

}

footer {

    border-radius: 15px;

    background-image: url(https://i.pinimg.com/736x/04/6a/3d/046a3ddc009bd21a33cbfb8996cf000c.jpg);

    color: ;

}

table.comments-table td {

    color: rgb(#8ee339);

}

:root {

    --logo-blue: black;

    --darker-blue: black;

    --lighter-blue: black;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: black;

    --light-orange: #5dd8e3;

    --even-lighter-orange: #42bcc7;

    --green: pink;

}

main{

background-color: #56bad6 !important;

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

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

.top{

background-color: #1eadc9 !important;

background-image: url('picture url') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

.logo{content: url(https://www.gannett-cdn.com/media/2016/05/31/USATODAY/USATODAY/636002843073012988-Myspace-logo.png);width: 165px !important;height: 42px !important;}

.top input{

background-color: #d1ddde !important;

background-image: url('picture url') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

.links{

background-color: black !important;

background-image: url('picture url') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

/*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()}

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

/* ADD TO FAVOURITE */

content: url()}

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

/*SEND A MESSAGE */

content: url()}

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

/*FORWARD TO FRIEND*/

content: url()}

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

/*INSTANT MESSAGE*/

content: url()}

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

/*BLOCK USER*/

content: url()}

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

/*ADD 2 GROUP*/

content: url()}

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

/*REPORT*/

content: url()}

.online{content: url(“https://blinkies.cafe/b/display/0206-nyancat.gif”)!important;}

/* this is the online img*/

.online {content:url(‘https://adriansblinkiecollection.neocities.org/stamps/a7.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 

}

          </style>

<style>h1{color: #000000 !important;}</style>

<style>h1{font-size: 50px !important;}</style>

<style>h1{font-family: arial !important;}</style>

<style>

h1{

border: 1px black !important;

}

.contact {

  border-radius: 8px;

  background-image: url(https://i.pinimg.com/736x/f2/8d/36/f28d36bdf973996a452c3302552c0b68.jpg);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

}

</style>

Tell me if there's any issues with the coding.