/* Hey! I am a comment and you can ignore this */

.bgnewspaper{
background: #e4e4e4;
padding: 15px;
}

h2{
text-align: center;
}

.authorname{
text-align: right;
}

/* Hey! I am a comment and you can ignore this */

.bgbanner{
background-image: url("../Project2/1.jpg");
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}

/* use of overlay increases the reading ability of text inside...

.bgbanneroverlay{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}

.padtop{
padding: 200px 0 200px 0;
}

h1, p{
text-align: center;
color: #fff;
}

/* Hey! I am a comment and you can ignore this */

.bggradient1{
background-image: linear-gradient(red, yellow);
}

.bggradient2{
background-image: radial-gradient(red, yellow, green);
}

.padhere{
padding: 70px 0 70px 0;
}

h1, p{
text-align: center;
color: #fff; }

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
justify-content: space-around;
}

.img1 img{
filter: grayscale(100%);
}

.img2 img {
filter: blur(3px);
}

h2 {
text-align: center;
}

/* Hey! I am a comment and you can ignore this */

.ticklist{
list-style: none;
padding:50px;
list-style-image: url("tick.png");
}

/* Hey! I am a comment and you can ignore this */

.textsh{
text-shadow: 2px 2px cyan;
}

/* Hey! I am a comment and you can ignore this */

.frstle::first-letter{
color: red;
}

/* Hey! I am a comment and you can ignore this */

*{
color: red;
}

/* Hey! I am a comment and you can ignore this */

.bgbanner{
background-image: url("../Project2/1.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position-x: -80px;
background-position-y: 50px;
width: 100%;
height: 100%;
}

/* use of overlay increases the reading ability of text inside... */

.bgbanneroverlay{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}

.padtop{
padding: 200px 0 200px 0;
}

h1, p{
text-align: center;
color: #fff;
}

/* Hey! I am a comment and you can ignore this */

.boxborder{
width: 250px;
border-top: 1px solid red;
border-bottom: 1px solid green;
border-left: 1px solid brown;
border-right: 1px solid orange;
}

.padtop{
padding: 50px 0 50px 0;
}

h1,p{
text-align: center;
}

/* Hey! I am a comment and you can ignore this */

.boxborder{
width: 250px;
border: 2px solid #1f1f1f;
}

.padtop{
padding: 50px 0 50px 0;
}

h1,p{
text-align: center;
}

.headhere{
visibility: hidden;
}

/* Hey! I am a comment and you can ignore this */

.boxborder{
width: 250px;
border: 2px solid #1f1f1f;
}

.padtop{
padding: 50px 0 50px 0;
}

h1,p{
text-align: center;
}

.headhere{
display: none;
}

/* Hey! I am a comment and you can ignore this */

.boxborder{
width: 250px;
border: 2px solid #1f1f1f;
}

.padtop{
padding: 50px 0 50px 0;
}

h1{
text-align: center;
}

.headhere{
position: relative;
}

.herepos{
position: absolute;
top: 100px;
}

/* Hey! I am a comment and you can ignore this */

ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li{
float: left;
}

li a{
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover{
background-color: #111;
}

.fixednav {
position: fixed;
left: 0;
top: 0;
right: 0;
}

.herehead{
padding-top: 30px;
}

/* Hey! I am a comment and you can ignore this */

a{
display: block; }

/* Hey! I am a comment and you can ignore this */

.boxborder{
border: 2px solid #1f1f1f;
width: 250px;
height: 150px;
overflow: hidden;
}

/* Hey! I am a comment and you can ignore this */

.boxborder {
border: 2px solid #1f1f1f;
width: 250px;
height: 150px;
overflow: hidden;
}

.padtop {
padding: 40px 0 40px 0;
}

h4 {
text-align: center;
}

.boxborder2 {
margin-left: 20px; border: 2px solid #1f1f1f;
width: 250px;
height: 150px;
overflow: hidden;
}

.boxborder2:hover {
border: 2px solid #1f1f1f;
background: red;
color: #fff;
width: 250px;
height: 150px;
overflow: hidden;
}

.d-flex {
display: flex;
justify-content: start;
}

/* Hey! I am a comment and you can ignore this */

.padtop {
padding: 40px 0 40px 0;
}

h4 {
text-align: center;
}

.boxborder {
border: 2px solid #1f1f1f;
width: 250px;
height: 150px;
overflow: hidden;
}

.boxborder:hover {
border: 2px solid #1f1f1f;
background: red;
transform: rotate(5deg);
color: #fff;
width: 250px;
height: 150px;
overflow: hidden;
transition: 0.98s;
}

.boxborder2 {
margin-left: 20px;
border: 2px solid #1f1f1f;
width: 250px;
height: 150px;
overflow: hidden;
}

.d-flex {
display: flex;
justify-content: start;
}

/* Hey! I am a comment and you can ignore this */

.colorred{
color: red;
}

p{
color: blue !important;
}

/* Hey! I am a comment and you can ignore this */

.frstletter::first-letter{
color: red;
}

.linkshere{
line-height: 30px;
}

.linkshere li:nth-child(even){
color: green;
font-weight: bold;
}

/* Hey! I am a comment and you can ignore this */

.margpad{
border: 1px solid #1f1f1f;
width: 400px;
height: 200px;
padding: 50px;
margin-left: 15px;
}

/* Hey! I am a comment and you can ignore this */

#opacityimg{
opacity: 0.5;
}

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
justify-content: space-between;
align-items: center;
}

.boxhere{
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
}

.padboth{
padding: 20px;
}

.padleft{
padding-left: 15px;
}

/* Hey! I am a comment and you can ignore this */

.boxhere{
width: 450px;
height: 200px;
border: 1px solid #1f1f1f;
cursor: crosshair;
}

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
justify-content: start;
}

.boxhere {
width: 300px;
height: 200px;
border: 1px solid #1f1f1f;
background: tomato;
animation-name: redbox;
animation-duration: 3s;
padding:10px;
}

.boxhere2 {
margin-left: 15px;
width: 300px;
height: 200px;
border: 1px solid #1f1f1f;
background: tomato;
animation-name: animehere;
animation-duration: 3s;
padding:10px;
}

/* animation style */

@keyframes animehere {
from {
background-color: tomato;
}
to{
background-color: green;
}
}

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
justify-content: space-between;
align-items: center;
}

.boxhere {
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
width: 400px;
height: 300px;
}

.padboth {
padding: 20px;
}

.padleft {
padding-left: 15px;
}

/* media screen style */

@media screen and (max-width: 425px){
.boxhere {
background: brown;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
}
}

@media screen and (max-width: 768px){
.boxhere {
background: green;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
}

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
justify-content: start;
}

.marginleft{
margin-left: 30px;
}

.borderbox{
border: 1px solid #1f1f1f;
}

.borderbox2{
border: 1px solid #1f1f1f;
}

.borderbox2 .hoverimg{
overflow: hidden;
}

.borderbox2 .hoverimg img:hover{
transform: scale(1.5);
transition: 0.98s;
}

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
}

.marginleft{
margin-left: 30px;
}

input[type="text"], input[type="email"], input[type="password"]{
margin-bottom: 5%;
padding: 8px;
border-radius: 5px;
border: 1px solid lightgrey;
}

input[type="submit"]{
width: auto;
background: tomato;
padding:10px;
color: #fff;
border: none;
}

textarea{
width: 90%;
height: 80px;
margin-bottom: 5%;
border-radius: 5px;
border: 1px solid lightgrey;
}

form{
width: 500px;
padding: 20px;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}

.padleft{
padding-left: 56px;
}

.paddingtop{
padding-top: 4%;
}

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
justify-content: space-between;
align-items: center;
}

.padleft{
padding-left: 30px;
}

/* Hey! I am a comment and you can ignore this */

.d-flex {
display: flex;
justify-content: space-between;
align-items: center;
}

.padleft {
padding-left: 30px;
}

.margintop {
margin-top: 3%;
}

@media screen and (max-width: 425px) {
#secthere {
padding: 0;
}
.d-flex {
flex-wrap: wrap;
}
.orderproperty1 {
order: 1;
}
.orderproperty2 {
order: 2;
}
.padleft {
padding-left: 0;
}
}

/* Hey! I am a comment and you can ignore this */

.d-flex{
display: flex;
justify-content: start;
}

.borderbox1{
width: 400px;
height: 300px;
background: tomato;
color: #1f1f1f
}

.borderbox2{
width: 400px;
height: 300px;
margin-left: 30px;
background: pink;
color: #1f1f1f
}

.borderbox2:hover{
width: 400px;
margin-left: 30px;
height: 300px;
background: brown;
color: #fff;
transition: 0.98s;
}

.padboth{
padding: 15px;
}

/* Hey! I am a comment and you can ignore this */

table, th, td {
border: 1px solid #1f1f1f;
}

table{
padding: 10px;
background: #e4e4e4;
}

th, td{
padding: 20px;
}