@font-face {
    font-family: AntDesign;
    src: url(fonts/AntDesign.ttf) format("truetype")
}

@font-face {
    font-family: Entypo;
    src: url(fonts/Entypo.ttf) format("truetype")
}

@font-face {
    font-family: EvilIcons;
    src: url(fonts/EvilIcons.ttf) format("truetype")
}

@font-face {
    font-family: Feather;
    src: url(fonts/Feather.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    src: url(fonts/FontAwesome.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome5;
    src: url(fonts/FontAwesome5_Solid.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome5Brands;
    src: url(fonts/FontAwesome5_Brands.ttf) format("truetype")
}

@font-face {
    font-family: Fontisto;
    src: url(fonts/Fontisto.ttf) format("truetype")
}

@font-face {
    font-family: Foundation;
    src: url(fonts/Foundation.ttf) format("truetype")
}

@font-face {
    font-family: Ionicons;
    src: url(fonts/Ionicons.ttf) format("truetype")
}

@font-face {
    font-family: MaterialCommunityIcons;
    src: url(fonts/MaterialCommunityIcons.ttf) format("truetype")
}

@font-face {
    font-family: MaterialIcons;
    src: url(fonts/MaterialIcons.ttf) format("truetype")
}

@font-face {
    font-family: Octicons;
    src: url(fonts/Octicons.ttf) format("truetype")
}

@font-face {
    font-family: SimpleLineIcons;
    src: url(fonts/SimpleLineIcons.ttf) format("truetype")
}

@font-face {
    font-family: Zocial;
    src: url(fonts/Zocial.ttf) format("truetype")
}

* {
    box-sizing: border-box
}

body {
    overflow-x: hidden;
    overflow-y: auto
}

.App {
    width: 100%
}

.Header-Container {
    padding: 20px 20px 0;
    background-color: #23527c;
    color: #fff
}

.Header-Content {
    max-width: 1200px;
    margin: 0 auto
}

.Header-Title {
    margin: 0;
    font-size: 18px;
    font-weight: 400
}

.Search-Container {
    padding: 20px;
    background-color: #23527c;
    color: #fff
}

.Search-Content {
    max-width: 1200px;
    margin: 0 auto
}

.Search-Form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    color: #333;
    border-radius: 3px
}

.Search-Label {
    padding: 10px;
    border-right: 1px solid #eee
}

.Search-Input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    border: 0;
    border-radius: 0 3px 3px 0;
    font-size: inherit
}

.Search-Input:focus {
    outline: none
}

.Container {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 60px
}

.Result-Row {
    margin-bottom: 60px
}

.Result-Title {
    margin: 0;
    padding: 1em 20px;
    font-size: 200%;
    font-weight: 400;
    color: #000;
    background-color: #f66
}

.Result-List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Result-Icon-Container {
    width: 10px;
    padding: 5px;
    text-align: center;
    
}

 

.Result-Icon {
    font-size: 20px
}

.Result-Icon-Name {
    font-size: 14px;
    font-weight: 400;
    opacity: .8;
    margin: 10px 0 0
}

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    overflow-x: hidden;
    overflow-y: scroll
}

/*# sourceMappingURL=main.2681bfac.css.map*/