@font-face {
  font-family: 'Weissenhof';
  src: url('./fonts/weissenhof-lt.woff2') format('woff2'),
    url('./fonts/weissenhof-lt.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Weissenhof';
  src: url('./fonts/weissenhof-lt-italic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Weissenhof';
  src: url('./fonts/weissenhof.woff2') format('woff2'),
    url('./fonts/weissenhof.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Weissenhof';
  src: url('./fonts/weissenhof-md.woff2') format('woff2'),
    url('./fonts/weissenhof-md.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

:root{
    font-family: "Weissenhof", sans-serif;  
}


#page-title{
    font-size: xx-large;
}

#header{
    padding-top:30px;
    margin-bottom:50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feed{
  margin-top: 30px;
  margin-left:20vw;
  width:60vw;
}

.release-item{
    border: 2px solid #888888;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 3px 3px #1112;
}

.release-item-header{
    display: flex;
    border-bottom: solid 1px #ddd;
    font-size: large;
    justify-content:space-between;
    padding: 20px;
    padding-bottom:10px;
    padding-top:10px;
    font-weight: bold;
    margin-bottom:10px;
}

.release-item-title{
    font-weight: bold;
    font-size: x-large;
    display:inline;
}

.release-item-date{
    font-size: medium;
    color: #222222;
    font-style: italic;
}

.release-item-note{
    margin-top:10px;
    margin-left:20px;
}

.search-bar{
    margin-bottom:20px;
    font-size: 'large';
    line-height: '2em';
    border-left: '5px solid #DDD';
    padding-left: '10px';
}

#search-term{
    display:inline; 
    border: 'solid 0.5px #DDD';
    border-radius: '3px';
    box-shadow: '0px 1px 2px #AAA';
    font-size:medium; 
    margin-left:10px;
}