style.css

@import url('https://fonts.googleapis.com/css2?family=Karla&display=swap');
::selection {
   background: #afc8f0;
 }
* {
	margin: 0;
	padding: 0;
   font-family: 'Karla', Arial, sans-serif;
	/*text-transform: uppercase;*/
}
html {
	font-size: 62.5%;
}
body {
	color: black;
   letter-spacing: .18em;
}
a {
	text-decoration: none;
	color: white;
}
ul, li {
	list-style-type: none;
}
h1 {
   font-size: 8em;
}
h1 a {
	display: block;
}

section { 
	text-align: center;
}
h2 {
	font-size: 4em;
	margin-bottom: 20px;
}
h3 {
	font-weight: 300;
	font-size: 2.8em;
}
p {
   font-family: Karla;
}
.rectangle {
   margin: auto;
   width: 1070px;
   height: 80px;
   background: #7575CF;
   border-radius: 30px;
}
#title {
   font-family: Source Sans Pro;
   font-weight: 600;
   font-size: 55px;
   color: #FFFFFF;
}
#titleDesc {
   margin: 30px;
   font-size: 45px;
   color: #7575CF;
}
.row {
   display: flex;
 }
 
 .column {
   flex: 50%;
   padding: 5px;
 }
 .county {
   fill: white;
   stroke: white;
   stroke-width: 0.2;
 }

 .state {
    font-family: Karla;
   fill-opacity: 0;
   stroke: white;
   stroke-width: 1;
 }