@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);

body {
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
    line-height: 23px;
    background-color: #1d4167;
    color: #fff
}

.center-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

section .icon-holder {
    height: 240px;
    width: 240px;
    border-radius: 120px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    margin-bottom: 40px
}

    section .icon-holder i {
        color: #1d4167;
        font-size: 116px
    }
	
	
section .icon-holder-error {
height: 240px;
width: 240px;
border-radius: 120px;
/*background-color: #fff;*/
background: #1d4167;
margin: 0 auto;
position: relative;
margin-bottom: 40px
}

    section .icon-holder-error i {
        color: #fff;
        font-size: 216px
    }

section .controller {
    text-align: center
}

    section .controller h1 {
        font-size: 32px;
        font-weight: 500;
        margin: 0 0 8px 0;
        line-height: 40px;
    }

    section .controller h2 {
        font-size: 24px;
        font-weight: 300
    }

    section .controller ul {
        margin: 0;
        padding: 16px 0 0 0
    }

        section .controller ul li {
            display: inline-block;
            text-transform: uppercase;
            font-size: 14px
        }

            section .controller ul li:first-child {
                margin-right: 16px
            }

            section .controller ul li a {
                color: #fff;
                text-decoration: none;
                transition: .3s all ease-in-out
            }

                section .controller ul li a:hover {
                    color: #ddd
                }

            section .controller ul li i {
                margin: 0 4px 0 0
            }