* {
  box-sizing: border-box;
}
.container {width:70%;
max-width:1000px;
margin:auto;
padding:15px;background-color:#9EB1B1;}

.container {
  position: relative;
top: 50px;
right: 450px;
}
.sidebar {width:40%;
max-width:1000px;
margin:auto;
padding:15px;
display:flex;
position:relative;
top: 24px;
right: 510px;background-color:#9EB1B1;
border:1px #e9efec solid;}

.firstbox {
  top: 50px;
right: 430px;
width:15%;
margin:auto;
padding:15px;background-color:#9EB1B1;}
.secondbox {
  top: 0px;
right: 340px;
width:80%;
height:640px;
margin:auto;
padding:15px;background-color:#9EB1B1;
border:1px #e9efec solid;}

.header {width:40%;
max-width:1000px;
height:240px;
margin:auto;
padding:15px;
display:flex;
position:relative;
top: 40px;
right: 510px;background-color:#9EB1B1;
border:1px #e9efec solid;}

 font-face {

font-family: "Grant Rustic";

src: url('https://cr0wluvr.neocities.org/fonts/GrantRusticOpti.otf') format("truetype");

}

body {

font-family: 'Grant Rustic', sans-serif;

} 

@font-face {
  font-family: Grant; /* set name */
  src: url('https://cr0wluvr.neocities.org/fonts/GrantRusticOpti.otf'); /* url of the font */
}

p {
  font-family: Grant; /* use font */
}

h1 { font-family: Grant

}

h2 { font-family: Grant

}

p { color: #577A7A; }  
  h1 { color: #577A7A; }
  h2 { color: #577A7A; }
  h3 { color: #577A7A; }
  li { color: #577A7A; }
  a  { color: #3F6464; }