.poppins { font-family:Poppins }
.oswald { font-family:oswald }
.passion { font-family:'Passion One' }
::placeholder { font-style: italic }
body { background: #E6E7E3 }
#header {
    background:#526A76;
    height:50px;
    box-shadow:0 0 15px rgba(0,0,0,0.4);
    color:#fff;
    z-index:1000;
}
.userIcon {
    transform-origin: center center;
    will-change: transform;
    transition: transform 200ms;

}
.userIcon:hover {
    animation: swing 900ms cubic-bezier(.36,.07,.19,.97) both;
}
#messages {
    position:absolute;top:-5px;right:22px;margin:0;padding:5px;background:#a70;
    border-radius:16px;font-family:oswald;line-height:10px;font-size:10px;color:#fff;
}

#main_menu {
    background:url(https://www.shutterstock.com/image-photo/beautiful-blurred-background-image-spring-600nw-2213392711.jpg) center center no-repeat;
    background-size:cover;
}
.ms { border:5px solid #fc0 !important }
.menuout {
    position:absolute;bottom:-20px;
    left:50%;transform:translateX(-50%);
    width:100%;
    max-width:620px;
    height:50px;
    z-index:1000;
}
.main_menu_item {
    float:left;
    font-weight:300;
    line-height:30px;
    margin-right:10px;
}
.mselected { border-bottom:2px solid #a70 }
#ourtag {
    background:#C4D9DC;
    padding:20px 0;
}
.headtext { font-family: oswald; }
.bodytext { font-family: poppins }

@keyframes swing {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(15deg); }
    40%  { transform: rotate(-10deg); }
    60%  { transform: rotate(7deg); }
    80%  { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}

.lostitem.md > .lostimage { bottom:25% !important }
.banner {
    position:relative;overflow:hidden;background:#ddd;height:60px;border:1px solid #bbb;border-radius:8px;
}
.loc {
    position:absolute;
    top:20px;left:50%;transform:translateX(-50%);
    overflow:hidden;
    background:rgba(0,0,0,0.5);
    padding:5px 10px;
    border-radius:16px;
    font-family:poppins;
    font-size:10px;color:#fff;text-align: center;
}