.button1 {
	 background-color: blue;
	 color: white;
	 display: inline-block;
	 margin-right: 10px;
	 position: absolute;
	 top: 8px;
	 right: 90px;
	 height: 5%;
	 width: 6%;
}
 #button2 {
	 background-color: blue;
	 color: white;
	 display: inline-block;
	 position: absolute;
	 top: 8px;
	 right: 1px;
	 height: 5%;
	 width: 6%;
}
 #logo {
	 font-family: 'Montez', cursive;
	 color: blue;
}
 #logo2 {
	 font-family: 'Ubuntu Mono', cursive;
	 color: purple;
}
 .title {
	 text-align: center;
}
 .author {
	 font-family: cursive;
	 font-size: 160%;
	 margin-left: 2%;
}
 .para {
	 text-align: justify;
	 margin: 2%;
}
 .buttons {
	 border: 0;
	 background-color: red;
	 color: white;
	 margin: 10px 10px 10px 10px;
	 float: right;
	 cursor: pointer;
	 height: 35px;
	 width: 6%;
	 box-shadow: 0 5px 20px -5px purple;
}

 .like {
	 border: 0;
	 background-color: red;
	 color: white;
	 height: 35px;
	 width: 6%;
	 margin-left: 2%;
	 box-shadow: 0 5px 20px -5px purple;
}
 .first {
	 margin-left: 2%;
	 font-family: 'Courier New', Courier, monospace;
}
 .comment {
	 margin-left: 2%;
	 font-family: 'Courier New', Courier, monospace;
	 width: 800px;
	 height: 90px;
}
 .modal {
	 display: none;
	 position: fixed;
	 z-index: 1;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 overflow: auto;
	 background-color: #000;
	 background-color: rgba(0, 0, 0, 0.4);
	 padding-top: 60px;
}
 .close {
	 position: absolute;
	 right: 39%;
	 top: 20%;
	 color: grey;
	 font-size: 30px;
	 font-weight: bolder;
}
 .close:hover, .close:focus {
	 color: grey;
	 font-weight: bolder;
	 cursor: pointer;
}
 .modal-content {
	 background-color: #fefefe;
	 margin: 5% auto 15% auto;
	 width: 25%;
}
 hr {
	 border: 0.5px solid black;
}
 input {
	 background-color: lightgrey;
	 border: 0;
	 width: 90%;
	 height: 30px;
	 margin-top: 3%;
	 margin-bottom: 3%;
	 margin-left: 4%;
	 padding: 0.5%;
}
 .submit {
	 background-color: green;
	 border: 0;
	 color: white;
	 width: 90%;
	 height: 35px;
	 margin-top: 3%;
	 margin-bottom: 3%;
	 margin-left: 4%;
	 padding: 1%;
}
 label.l {
	 margin-top: 3%;
	 margin-bottom: 3%;
	 margin-left: 4%;
	 padding: 0.5%;
}
 .getstart {
	 margin-top: 3%;
	 margin-bottom: 3%;
	 margin-left: 1%;
	 font-size: 200%;
	 padding: 3%;
}
 .othermodel_container {
	 background-color: #fefefe;
	 margin: 5% auto 15% auto;
	 width: 25%;
}
 .close1 {
	 position: absolute;
	 right: 39%;
	 top: 28%;
	 color: grey;
	 font-size: 30px;
	 font-weight: bolder;
}
 .close1:hover, .close1:focus {
	 color: grey;
	 font-weight: bolder;
	 cursor: pointer;
}
 .member {
	 font-weight: bold;
	 margin-left: 22%;
	 padding: 5%;
}
 .link {
	 color: blue;
	 cursor: pointer;
}
 .commentBody {
	 display: inline-table;
	 padding: 10px;
	 width: 100%;
	 margin-top: 20px;
}
 .newComment {
	 border: 0;
	 background-color: red;
	 color: white;
	 height: 35px;
	 width: 6%;
	 margin-left: 2%;
	 margin-top: 1%;
	 box-shadow: 0 5px 20px -5px purple;
}
 #c_content {
	 width: 60%;
}
 .all_c {
	 margin-left: 2%;
	 margin-top: 2%;
	 font-weight: bolder;
	 font-size: larger;
	 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
 .all_comments {
	 background-color: #e2e4e6;
	 padding: 10px 10px 10px 10px;
	 margin-left: 10px;
	 width: 60%;
}