charset "UTF-8";
html{font-size: 100%;}

/*HEADER*/
.page-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background-color: #ffffff;}
.logo {
  margin-top: 0;
  font-size: 3rem;
  color: #000000;
  font-family: "Alex Brush", cursive;
  font-weight: 400;
  font-style: normal;
}
li a{text-decoration: none;}
.main-nav {display: flex;
font-size: 1rem;
text-transform: uppercase;
margin-top: 34px;
list-style: none;}
.main-nav li{margin-left: 36px;}
.main-nav a{color: black;}
.main-nav a:hover{color: red;}
.page-header{display: flex;justify-content: space-between;}

/*MAIN*/
.split-container{display: flex;align-items: center;justify-content: center;width: 100%;height: auto;}
.split-container{margin-top: 5%;}
.main-i{flex: 1;}
.main-i img {
  width: 100%;
  height: auto;
  display: block;}
.main-p{flex: 1;text-align: left;}