*, *::before, *::after {
  box-sizing: border-box;
}
body{
    padding:0px;
    margin:0px;
    font-family: -apple-system, system-ui, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size:14px;
}
textarea,
input
{
font-family: -apple-system, system-ui, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size:14px;

}

li{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

main,
#main_content{
  width:1080px;
  margin:0 auto;
  display:flex;
  align-items:stretch;     /* default, but explicit */
  gap:0;                   /* no space between columns */
}

/* Left column */
#left_content{
  flex:0 0 22%;            /* fixed 22% width */
  border-left:1px solid #eee;
}

/* Right column */
#right_content{
  flex:1 1 78%;            /* take the remaining space */
  border-left:1px solid #eee;
  border-right:1px solid #eee;
}

#main_nav{
height:60px;
border-bottom:1px solid #eee;
}

#main_nav a{
color:#000;
}

#main_nav_inner{
position:relative;
width:1080px;
margin:0 auto;
display: flex;
justify-content: space-between; /* pushes logo left, links right */
align-items: center;
}


#logo_holder{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

#nav_links{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

#nav_links img {
margin-left:16px;
}
#nav_links a {
  margin-left: 16px; /* space between links */
}
#logo_image{
height: 60px;
}

#logo_text {
font-size: 22px;
}
#logo_slogan {
font-size: 14px;
/*font-family:Raleway;*/
}
/*profile picture stuff*/

#profile_dropdown_menu{
display:none;
position:absolute;
right:0px;
top: 50px;
height:400px;
width:240px;
background:#fff;
z-index:90;
padding-top:20px;
}
#profile_dropdown_menu li{
    padding-left:50px;
    height:50px;
    line-height:50px;
}
.menu_shadow{
    border-radius:5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px, rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
#profile_dropdown_picture {
  height: 38px;
  width: 38px;
  border-radius: 100px;
  cursor: pointer;
  transition: border 0.2s ease;
  border:5px solid #fff;
}

#profile_dropdown_picture:hover {
    border:5px solid #dfdfdf;
}