h3{
	color:#320341;
}
body{
	background-color:#f7dad2;
	font-size: 150%;
	margin-left: 30px;
	font-family: "Times New Roman";
}
h1{
	color:#320341;
	text-align: center;
	text-shadow: 4px 3px 1px #b495ba;
}
#email{
	color:#c096d6;
	text-align: center;
}

li,p{
	color:#96799c;
}
.date{
	font-style:italic;
	font-weight:700;
}
a{
	font-size:150%;
	border-radius:12px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}
a:link{
	background-color: #c096d6;
	color: #320341;
	border: 2px solid #320341;
}
a:visited{
	background-color: #f7dad2;
	color: #96799c;
	border: 2px solid #96799c;
}
a:hover{
	padding: 10px 15px 10px 15px;
	border: 3px solid #320341;
	border-radius: 13.5px;
	font-size: 160%;
}
a:active{
	padding: 5px 10px 5px 10px;
	font-size: 135%;
	background-color: #b495ba;
}
section{
	margin-left: 20%;
}
.hobbyimg{
	margin-left: 33%;
}
hr{
	border-color:#96799c;
}
footer{
	text-align: center;
}
section#first{
	margin-left:20%;
}
th,td{
	color:#96799c;
	border:2px solid #320341;
	padding:10px 20px 10px 20px;
	text-align:center;
}
tr:nth-child(1){
	background-color:#f2d3d2;
}
tr:nth-child(2){
	background-color:#ecccd3;
}
th{
	color: #320341;
	background-color: #c096d6;
}
td:hover{
	color: #c096d6;
	background-color: #f7dad2;
}
th:hover{
	background-color: #ecccd3;
}
table{
	border-collapse: collapse;
	table-layout: fixed;
	width: 60%;
}
.container{
	display:flex;
	align-items: flex-start;
}
.container img{
	max-width: 15%;
	margin-left: 30%;
	padding-inline:20px;
}
.text-container{
	display:flex;
	flex-direction: column;
}
.text-container h1{
	margin:0;
}
.text-container #email{
	margin: 0;
}
label{
	color: #96799c;
	margin-left: 1%;
}
input{
	margin-bottom: 10px;
}
#nameTF{
	background-color: #f7dad2;
	color:#320341;
	border-color:#320341;
	border-style: solid;
	border-radius: 5px;
}
#emailTF{
	background-color: #f7dad2;
	color:#320341;
	border-color:#320341;
	border-style: solid;
	border-radius: 5px;
}
#messageTF{
	width: 225px;
	background-color: #f7dad2;
	padding-bottom: 30px;
	color:#320341;
	border-color:#320341;
	border-style: solid;
	border-radius: 5px;
	margin-left: 1%;
	margin-bottom: 0px;
}
::placeholder{
	color: #96799c;
}
#nameTF:hover{
	border-color: #c096d6;
}
#emailTF:hover{
	border-color: #c096d6;
}
#messageTF:hover{
	border-color: #c096d6;
}
#submit{
	font-family: "Times New Roman";
	border-radius:10px;
	padding: 5px 10px 5px 10px;
	font-size: 130%;
	background-color: #c096d6;
	color: #320341;
	border: 2px solid #320341;
	margin: 6.325px 5px 6.325px 5px;/* DO NOT TOUCH THESE NUMBERS(6.25y) rememer not to tweak margin in form */
	margin-left: 3.5%;
}
#submit:hover{
	padding: 10px 15px 10px 15px;
	border: 3px solid #320341;
	border-radius: 13.5px;
	font-size: 130%;
	margin: 0px 0px 0px 0px;
	margin-left: 3.25%;
}
#submit:active{
	padding: 5px 10px 5px 10px;
	margin: 5px 0px 4.7px 0px;
	margin-left: 3.5%;
	font-size: 135%;
	background-color: #b495ba;
}
form{
	font-size: 120%;
}
#contactForm{
	margin-bottom: 15px;
	font-size: 30px;
}