/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/*
Color Palette
  pediatric pastel blue #E1F7FB
  sickly blue #D6FFF1
  dark pastel purple ish #4F4360
  desaturated pink #BE80AC
  solid brown purplish #311F24
  
  maybe stuff for window colors
  magic magenta #F88CF9
  
  background ideas
  gray purple thing #6B5A6A
  pastel brownish red #6F4F56
*/

  
body {
  background-color: #4F4360;
  color: black;
  font-family: Verdana;
  image-rendering: optimizeSpeed; 
  
  
}

h1 {
  color: #311F24;
}
  
p {
  color: #BE80AC;
}

.main {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.header{
  top:50px;
  left:137px;
  padding:40px 450px;
}

.sidebar-left {
  margin-top: 30px;
  float: left;
  width: 180px;
  text-align: center;
}

.window{
  display: block;
  border-width: 25px 7px 7px 7px;
  border-style: solid;
  box-sizing: border-box;
  border-image: url(/img/window.png) 30 40 22 22 fill repeat;
    border-image-width: 1;
  border-image-width: 30px 40px 22px 22px;
  color: #533f53;
  background: #fff;
    background-clip: border-box;
  background-clip: content-box;
  max-width: 100%;
  margin-bottom: 15px;
}

.main-content{
  float: left;
  width: 620px;
  margin-bottom: 100px;
  margin: 0 10px;
}
}