body {
    background-color: black;
    color: white;
}

#cslogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

/*Navigation menu section--------------------------*/
nav {
    text-align: center;
    background-color: #c20000;
    color: black;
    margin-bottom: -20px;
}

nav a:visited {
    color: black;
  }

#digisig_wrap {
    margin-top: -20px;
  }

#digisig {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

/*Top Links-----------------*/
.top_link {
    text-align: right;
}

/*All button-----------------*/
.button {
    background-color: #4CAF50; 
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
  }

/*About Me section--------------------------*/
#about_title {
    font-size: 30px;
    color: #c20000;
    background-color: black;
}

#about_wrap {
background-color: lightgrey;
border: 2px #cc0000 solid;
padding: 10px;
}

#about {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    background-color: lightgrey;
    padding-bottom: 14px;
}

#about_wrap #about article {
    background-color: lightgrey;
}

.cs {
    color: #cc0000;
    background-color: black;
}

#me1 {
    float: right;
    border: 2px #cc0000 solid;
}

/*my videos section------------------------*/
#video_title {
    font-size: 70px;
    color: rgb(24, 207, 0);
}

#video_border_wrap {
  border: solid #0d0085 2px;
  padding-bottom: 10px;
}

#n6logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

 .flexbox-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.flexbox-item {
    border: 1px #1400c4 solid;
}

.button1 {
    background-color: rgb(0, 219, 18); 
    color: black; 
    border: 2px solid #2cdd31;
    margin-left: auto;
    margin-right: auto;
  }
  
  .button1:hover {
    background-color: #4CAF50;
    color: white;
    margin-left: auto;
    margin-right: auto;
  }

/*Blog. section---------------------*/
#blog_title {
    font-size: 140px;
    color: #c20000;
}

#blog {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#b1_etitle {
    margin-left: 20px;
    text-decoration: underline red;
}

.pic_left {
    float: left;
    border: 2px #cc0000 solid;
    max-width: 70%;
    margin: 2px;
}

.pic_right {
    float: right;
    border: 2px #cc0000 solid;
    max-width: 70%;
    margin: 2px;
}

#month {
    text-align: center;
}

#blog hr {
    color: red;
}

.button2 {
    background-color: #c00303; 
    color: black; 
    border: 2px solid #770000 ;
    margin-left: auto;
    margin-right: auto;
  }
  
  .button2:hover {
    background-color: #ff3e3e;
    color: white;
    margin-left: auto;
    margin-right: auto;
  }

/*my photos section-------------------*/
#photo_title {
    font-size: 75px;
    color: black;
}

#photos article {
    color: black;
    text-align: center;
    max-width: 750px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border: solid;
}

#photos {
 background-color: #cc0000;
 padding-bottom: 20px;
}

.flexbox-container-2 img {
    border: black 3px solid;
}

#photos .flexbox-container-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.button3 {
    background-color: black; 
    color: rgb(179, 0, 0); 
    border: 2px solid #363636;
    margin-left: auto;
    margin-right: auto;
  }
  
  .button3:hover {
    background-color: #3b3b3b;
    color: white;
    margin-left: auto;
    margin-right: auto;
  }

/*Projects section--------------------*/
#projects_title {
    font-size: 80px;
    color: #c20000;
}

#projects #pro_wrap{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.fh_border{
    border: solid green;
}

#blue_b {
    border: solid #0d0085;
}

#brown_nu {
    border: solid #5a2100;
}

.button4 {
    background-color: #c00303; 
    color: black; 
    border: 2px solid #770000 ;
    margin-left: auto;
    margin-right: auto;
  }
  
  .button4:hover {
    background-color: #ff3e3e;
    color: white;
    margin-left: auto;
    margin-right: auto;
  }

/*Artwork section------------------------*/
#art_title {
    font-size: 75px;
    color: black;
}

#artwork {
    background-color: #cc0000;
}

#art_wrap {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#artwork img {
    border: solid black 3px;
}

.button5 {
    background-color: black; 
    color: rgb(179, 0, 0); 
    border: 2px solid #363636;
    margin-left: auto;
    margin-right: auto;
  }
  
  .button5:hover {
    background-color: #3b3b3b;
    color: white;
    margin-left: auto;
    margin-right: auto;
  }

/*Contact section/footer------------------------*/
#contact_title {
    color: rgb(24, 207, 0);
}

hr {
    color: rgb(24, 207, 0);
}

#contact hr {
margin-top: 60px;
}

#netscape_badge {
    border: solid rgb(24, 207, 0) 1px;
    display: block;
    margin-left: auto;
}

/*Construction page-------------------------------*/
#home_mid {
    margin-top: 30px;
}

#home_mid img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border: solid red 2px;
}