@font-face {
    font-family: "walkerbot";
    src: url("assets/walker-bot-ldr.regular.ttf") format("truetype");
}
@font-face {
    font-family: "futura";
    src: url("assets/futura.ttf") format("truetype");
}
body {
    background: url('blog/flourish_lightteal_1.png') right top no-repeat, url('blog/flourish_lightteal_2.png') left bottom no-repeat;
    background-color: #055260;
    color: #E7F5F6;
    font-family: "futura", sans-serif;
    image-rendering: pixelated;
}
img {
  
  filter:sepia(0.8) hue-rotate(150deg) saturate(2) contrast(0.8); 
  image-rendering: pixelated;
  }
img:hover {
    filter: none;
}
h2, h3, p {
    padding-left: 10px;
}
a {
    color: #E7F5F6;
}
.main {
    border: 1px;
    width: 600px;
    height: 700px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
    background-color: #055260b3;
    border-radius: 20px;
}
.header {
    border: 1px;
    width: 600px;
    height: 100px;
    position: absolute;
}
.title {
    border: 1px;
    width: 50%;
    height: 100%;
    font-family: "walkerbot", sans-serif;
    position: absolute;
    font-size: 45px;
}
.title h1 {
    margin-top: 0px;
}
.links {
    border: 1px;
    width: 50%;
    height: 100%;  
    position: absolute;
    margin-left: 50%;
    margin-top: 20px;
}
.links a {
    font-size: 25px;
    padding-left: 20px;
    background-color: #055260;
    border-radius: 10px;
}
.divider {
    border: 2px solid;
    width: 400px;
    position: absolute;
    margin-left: 175px;
    margin-top: 100px;
}
.sidebar {
    border: 1px;
    width: 150px;
    height: 550px;
    margin-top: 150px;
    margin-bottom: 50px;
    position: absolute;
    overflow: auto;
}
.content {
    border: 1px;
    width: 450px;
    height: 585px;
    position: absolute;
    margin-left: 150px;
    margin-top: 115px;
    overflow: auto;
}
.content p {
    text-indent:50px;
}

/* images embedded in blogs */

#floatleft{
    float: left;
    width: 200px;
    margin: 15px;
}

#floatright{
    float: right;
    width: 200px;
    margin: 15px;
}

#floatleft p, #floatright p {
    text-indent: 0px;
}

/*scrollbar!*/

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #055260;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #BFF5FB;
    border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #E7F5F6;
    border-radius: 20px;
}