* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
}

/* fira-sans-100 - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/fira-sans-v10-latin-100.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Thin'), local('FiraSans-Thin'), url('../fonts/fira-sans-v10-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-100.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-100.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-100italic - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/fira-sans-v10-latin-100italic.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Thin Italic'), local('FiraSans-ThinItalic'), url('../fonts/fira-sans-v10-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-100italic.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-200 - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/fira-sans-v10-latin-200.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url('../fonts/fira-sans-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-200.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-200.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-200italic - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/fira-sans-v10-latin-200italic.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans ExtraLight Italic'), local('FiraSans-ExtraLightItalic'), url('../fonts/fira-sans-v10-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-200italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-200italic.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-300 - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/fira-sans-v10-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Light'), local('FiraSans-Light'), url('../fonts/fira-sans-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-300.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-300italic - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/fira-sans-v10-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Light Italic'), local('FiraSans-LightItalic'), url('../fonts/fira-sans-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-300italic.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-regular - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/fira-sans-v10-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Regular'), local('FiraSans-Regular'), url('../fonts/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-regular.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-500 - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/fira-sans-v10-latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Medium'), local('FiraSans-Medium'), url('../fonts/fira-sans-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-500.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-italic - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/fira-sans-v10-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Italic'), local('FiraSans-Italic'), url('../fonts/fira-sans-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-italic.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-500italic - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/fira-sans-v10-latin-500italic.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url('../fonts/fira-sans-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-500italic.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-600italic - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/fira-sans-v10-latin-600italic.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans SemiBold Italic'), local('FiraSans-SemiBoldItalic'), url('../fonts/fira-sans-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-600italic.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-600 - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/fira-sans-v10-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url('../fonts/fira-sans-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-600.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-700 - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/fira-sans-v10-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Bold'), local('FiraSans-Bold'), url('../fonts/fira-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-700.svg#FiraSans') format('svg');
    /* Legacy iOS */
}


/* fira-sans-700italic - latin */

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/fira-sans-v10-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url('../fonts/fira-sans-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/fira-sans-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/fira-sans-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/fira-sans-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/fira-sans-v10-latin-700italic.svg#FiraSans') format('svg');
    /* Legacy iOS */
}

:root {
    --body-bg: #fafafa;
    --max-width-site: 700px;
    --main-font-color: #333;
    --list-font-color:#2e2e2e;
    --normal-font-size: 15px;
    --main-font: 'Fira Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    --border-color: #e6e6e6;
    --border-color-hover: #333;
}

body {
    background-color: var(--body-bg);
    color: var(--main-font-color);
    font-size: var(--normal-font-size);
    font-family: var(--main-font);
}

img {
    width: 100%;
    height: auto;
}

.container {
    max-width: var(--max-width-site);
    margin: 0 auto;
}

.logo {
    width: 100px;
    border-color: #000000;
    border-radius: 100em;
    box-shadow: 0 0 10px #ccc;
    border:1px solid #fff;
    padding: 10px;
}

.list-group,
.list-group-item:first-child {
    border-radius: 0 !important;
}

.list-group .list-group-item {
    text-align: center;
    margin: 0.5rem;
    padding:20px;
    border: 2px solid var(--border-color);
}

.list-group .list-group-item a {
    color: var(--list-font-color);
    font-weight: 500;
    text-decoration: none;
    display: block;
}

.list-group .list-group-item:hover {
    background-color: transparent;
    border-color: var(--border-color-hover);
}

.list-group .list-group-item:hover a,
.list-group .list-group-item:hover i {
    color: var(--main-font-color);
}

.list-group .list-group-item i {
    color: var(--list-font-color);
    position: absolute;
    left: 1rem;
    top:0.65rem;
    font-size: 1.65rem;
}