header{
/*header colors*/
background-color: #000000;
/*Text*/
font-size: larger;
color: white;
}
body{
min-height: 100vh;
margin:auto 0;
display: flex;
flex-direction: column;
background: linear-gradient(to bottom,rgb(68, 68, 68) 15%, black 90%);
font-family: 'Lora', serif;
color: white;
}
/*Container for flexboxes*/
section{
display:flex;
flex-direction: row;
margin-top: 200px;
}
/*div flex boxes*/
.div1{
margin-top: 20px;
margin-left: 30%;
}
.div2{
text-align: justify;
text-justify: inter-word;
margin-right: 25%;
margin-left: 10px;
width: 500px;
min-width: 270px;
}
.tess-imageborder{
border-style: solid;
border-width: 1px;
border-color: white;
}
.p-desc{
background-color: #000000;
border-style: solid;
border-width: 1px;
border-color: white;
padding: 10px;
font-size: 20px;
}
.footer{
background-color: #000000;
color: white;
text-align: center;
font-size: 20px;
margin-top: auto;
}
a.ft-link{
/*remove underline from link in footer
and change its color*/
text-decoration: none;
color: white;
}
/*Hover is a pseudo class to mod the anchor element */
a.ft-link:hover{
color: rgb(71, 71, 71);