body{
    margin: 0px;
}   

main{
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
   font-size: large;
}

/*centered logo on index.html*/

.logo {
    display: block;
    margin-top: top;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }



h1{
text-align: center;
}



/*navbar*/

.navbar ul{
list-style-type: none;
background-color: rgb(31, 31, 31);
padding: 2px;
margin: 0px;
overflow: hidden;
border-radius: -0px 0px 0px 0px;
border:2px solid rgb(5, 141, 209);
}

.navbar a{
color: rgb(0, 93, 186);
text-decoration: none;
padding: 15px;
display: block;
text-align: center;
}

.navbar a:hover{
background-color: rgb(5, 141, 209);
text-decoration: none;
color: aliceblue;
}

.navbar li{
float: left;
}

/*navbar ends*/

/*shape behind the uhhhh logo bannery thing*/




/*clnav on contact.html*/

.clnav {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
}

.clnav li {
    margin: 0 10px;
}

.clnav a {
    text-decoration: none;
    color: rgb(4, 0, 22);
    padding: 10px 15px;
    display: block;
    text-align: center;
}

.clnav a:hover {
    background-color: hsl(203, 100%, 36%);
    border-radius: 5px;
}

/*background*/

/*index.html*/
.index {
 background-image: url("images/");
 background-color: #262626;
 background-size: 100vw 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*art.html*/
.art {
    background-image: url("images/");
    background-color: #10566f;
    background-size: 100vw 100vh;
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
   }

/*workon.html*/
.workon {
    background-image: url("images/");
    background-color: #107fa7;
    background-size: 100vw 100vh;
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
   }


   /*contact.html*/
.contacthtm {
    background-image: url("images/");
    background-color: #c3efff;
    background-size: 100vw 100vh;
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
   }

/*about.html background located in the "about.css" file*/

/*end of background per html file*/


#rcorners2 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
  }

/*starico left*/
  .starico {
    display: block;
    margin-top: -5%;
    margin-left: 10px;
    margin-right: left;
    width: 10%;
  }

  /*starico right*/
  .starico2 {
    display: block;
    margin-left: 89%;
    margin-right: right;
    margin-top: -25%;
    width: 10%;
  }


  body {
    color: rgb(92, 163, 249);
  }