@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Berkshire+Swash&family=Patrick+Hand&display=swap');

body.home{background-color: #ece3ff; }
body.projectone{background-color: #80e5ff; }
body.exercisetwo{background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);}

h1 {font-family: Bebas Neue; color: #201B51; font-size: 60pt; }

h2 {font-family: Patrick Hand; color: magenta; font-size: 20pt; }

h3 {font-family: Bebas Neue; text-decoration: underline; color: yellow; font-size: 27.5pt;}

h4 {font-family: Patrick Hand; color: #201B51; font-size: 20pt; }

h5 {font-family: Berkshire Swash; color: #201B51; font-size: 20pt; text-align: center; }

h6 {font-family: Patrick Hand; color: #201B51; font-size: 12pt; }





ul {
	list-style-type: none;
	text-align: center;
	font-size: 2vw;
	
}

	li {
		display: inline-block;
		margin: 0 0.5vw;
	}

	a:hover {
		background-color: #201B51;
		color: white;
	}

	.current-page {
		font-family: Bebas Neue; color: #201B51; font-size: 15pt;
		text-decoration: underline;
	}

a {font-family: Bebas Neue; color: #201B51; font-size: 15pt;}

p {font-family: Patrick Hand; color: #e60000;}


em {text-decoration: underline; font-weight: bolder; font-style: normal; color: #201B51;}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}