* {
  box-sizing: border-box;
}

body {
  margin-bottom: 100px;
  font-family: Arial;
  text-align:center;
}

/* Create two equal columns that floats next to each other */
.column {
  float: center;
  width: 100%;

}

.column img {
  margin-top: 0px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}






















.homehi { 
  color: #252526;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 32px;
  padding: 50px 125px 30px 125px;
  font-family: 'Montserrat', sans-serif;
  line-height: 40px; 
  text-shadow: 1.5px 1.5px #F7A4AC;
}

.homebody { 
  color: #252526;
  text-align: left;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 125px 15px;
  font-family: 'Montserrat', sans-serif;
  line-height: 22px; 
}

/*contact page */
.contacttext {
    color: #252526;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    padding: 20px 100px;
    font-family: "Tahoma";
    text-align: left;
    line-height: 20px;
  }

.contactheader { 
    color: #252526;
    text-align: left;
    text-decoration: none;
    font-size: 56px;
    padding: 50px 100px;
    font-family: 'Montserrat', sans-serif;
    line-height: 20px;
    text-shadow: 4px 4px #F7A4AC; 
}

/*about page */
.abouttext {
    color: #252526;
    text-align: left;
    text-decoration: none;
    font-size: 18px;
    padding: 20px 100px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    line-height: 20px;
    font-weight: 100;
  }

.aboutheader { 
    color: #dd7d87;
    text-align: left;
    text-decoration: none;
    font-size: 42px;
    padding: 50px 100px;
    font-family: 'Montserrat', sans-serif;
    line-height: 20px;
    text-shadow: 2px 2px #272424;
  }

/*home menu */

.topheader {
  color: #252526;
  text-align: center;
  text-decoration: none;
  font-stretch: expanded;
  transform: scaleY(.7);
  font-size: 75px;
  padding: 40px 10px 10px 10px;
  font-family: 'Montserrat', sans-serif;
  line-height: 20px;
  text-shadow: 4px 4px #F7A4AC;
  font-weight: 900; }

 .topheader a:link { text-decoration: none; color: #252526;  text-shadow: 4px 4px #F7A4AC;}
 .topheader a:visited { text-decoration: none; color: #252526;  text-shadow: 4px 4px #F7A4AC;}
 .topheader a:hover { text-decoration: none; color: #252526;  text-shadow: 4px 4px #F7A4AC;}
 .topheader a:active { text-decoration: none; color: #252526;  text-shadow: 4px 4px #F7A4AC;}

 

.homeheader {
    color: #252526;
    text-align: center;
    text-decoration: none;
    font-size: 56px;
    padding: 70px 200px;
    font-family: 'Montserrat', sans-serif;
    line-height: 20px;
    text-shadow: 4px 4px #F7A4AC;
  }

.diamondtrio {
    position: absolute;
    top: 325px;
    left: 30px;
}



.diamond {
    position: absolute;
    top: 150px;
    right: 50px;
}

.doodle {
    position: absolute;
    top: 400px;
    right: 15px;
    rotate: 150deg;
}



/*main work menu */
.adlist {
    width: 75%;
    margin: auto;
    margin-top: 10px;
    line-height: 70px;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    font-weight: 700;
    font-style: italic;
  }

.adlist a{
    color: #252526;
    
    text-decoration: none;
    font-size: 20px;
    padding: 10px 10px 18px 10px;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    width: 550px;
    height: 50px;
    line-height: 55px;

  
 }

  .adlist a:hover {
   
    color: #de636f;
  
  }

  .adlist1 {
    width: 75%;
    margin: auto;
    margin-top: 100px;
    line-height: 70px;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 700;
    font-style: italic;
    padding: 50px 10px 18px 10px;
  }

.adlist1 a{
    color: #252526;
    
    text-decoration: none;
    font-size: 32px;
    padding: 10px 10px 10px 10px;
    font-family: 'Montserrat', sans-serif;

    width: 550px;
    height: 50px;
    line-height: 55px;

  
 }

  .adlist1 a:hover {
   
    color: #de636f;
  
  }

  .click {
    padding: 10px, 10px;}


    .doodle2 {
        position: absolute;
        top: 100px;
        left: 0px;
        rotate: 115deg;
    }

/*BF post page */
.bfpostlist {
  margin: auto;
  margin-top: 20px;
  margin-left: 100px;
  margin-bottom: 60px;
  line-height: 50px;
  float: left;
  text-align: left;
}

.bfpostlist a{
  color: #252526;
  background-color: #F7E1E3; 
  box-shadow: 4px 4px #F7D7D9;
  width: fit-content;
  text-align: left;
  text-decoration: none;
  font-size: 16px;
  padding: 7px 7px 7px 7px;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
  margin-top: 160px;
}

.bfpostlistinside {
  color: #DE636D;
}

.bfpostlist a:hover {
  background-color: #F7A4AB;
  box-shadow: 4px 4px #F7D7D9;
}

/*other writings page */
  .writinglist {
    color: #252526;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    padding: 40px 100px;
    font-family: "Tahoma";
    text-align: left;
    line-height: 55px;
  }

.writinglist a{
    color: #252526;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    padding: 40px 100px;
    font-family: "Tahoma";
    text-align: left;
  }


/* overall body */
body {
    font-size: 16px;
    font-family: 'Quicksand', monospace;
    color: rgb(16,16,16);
    background-color: #F8F0EE;

    text-align: center;

}

/* top navigation */
.topnav a {
    color: #DE636E;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 8px;
    width: 50%;
    margin: auto;
    
  }

  .topnav a:hover {
    background-color: #F7A4AC;
    color: #F4EDD9;
  }

  .topnav {
    float: center;
  }

.logodiv {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

/* buzzcuts page */
.gif1 {
    text-align: center;
    width: 20%;
    margin-left: 50px;
    margin-top: 50px;
}

.buzzcutspage {
    width: 75%;
    padding-top: 35px;
    padding-bottom: 35px;
    margin: auto;
}

  
.bfpostspage {
    width: 75%;
    padding-top: 35px;
    padding-bottom: 35px;
    margin: auto;
}



  .columnos {
    float: left;
    width: 32%;
    padding-top: 10px;
    margin-top: 25px;
    margin-bottom: 35px;
  }

  .columno2 {
    float: left;
    width: 48%;
    padding-top: 10px;
    margin-top: 25px;
    margin-bottom: 35px;
  }

  .resume {
    margin-top: 40px;
}


/* resume page */
.resumetext {
    width: 75%;
    margin: auto;
    margin-top: 20px;
    line-height: 55px;
    font-family: 'Quicksand';
  }

.resumetext a{
  background-color: #f48590;
  box-shadow: 4px 4px #f3606f;
  color: #F4EDD9;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 15px;
 }

  .resumetext a:hover {
    background-color: #F7A4AC;
    color: #F4EDD9;
    box-shadow: 4px 4px #D98F97;
  }


  /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
    font-family: "Tahoma";
    color: #E3CEB9;
  }
  
  /* Style the submit button with a specific background color etc */
  input[type=submit] {
    background-color: #272424;
    color: #f6939d;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: "Monserrat";
    font-size: 16px;
  }
  
  /* Add a background color and some padding around the form */
  .container {
    border-radius: 5px;
    background-color: #F7A4AC;
    padding: 20px;
    margin-left: 150px;
    margin-right: 150px;
  }

  .aboutwriting {
    color: #252526;
    text-align: left;
    text-decoration: none;
    font-size: 24px;
    padding: 10px 10px;
    font-family: 'Quicksand';
    text-align: left;
    line-height: 40px;
    margin: 50px, 10px;
  }

.aboutwriting a{
    color: #252526;
    text-align: left;
    text-decoration: none;
    font-size: 24px;
    padding: 1px 1px;
    font-family: 'Quicksand';
    text-align: left;
  }

.headingabout{
    font-size: 48px;
    margin-bottom: 20px;
}