style.css

html {
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.4rem;
    overflow: hidden;
}

.container__item {
    margin: 0 auto 40px;
}

.landing-page-container {
    width: 100%;
    min-height: 100%;
    height: 100vh;
    background-image: url('https://images.unsplash.com/photo-1546964372-c96876b9dc95?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=751&q=80');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    color: white;
}

.center {
    text-align: center;
}


.content__wrapper {
    max-width: 1200px;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.ellipses-container {
    width: 50rem;
    height: 50rem;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: 10.5rem;
}

.ellipses-container .greeting {
    position: absolute;
    right: 0;
    top: 225px;
    left: 25px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1rem;
    font-size: 2.2rem;
    font-weight: 400;
    opacity: 0.5;

}

.ellipses-container .greeting:after {
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    display: inline-block;
    background-color: white;
    position: relative;
    top: -0.65rem;
    left: -5.05rem;
}

.ellipses {
    border-radius: 50%;
    position: absolute;
    top: 0;
    border-style: solid;
}

.ellipses__outer--thin {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.156);
    animation: ellipsesOrbit 15s ease-in-out infinite;
}

.ellipses__outer--thin:after {
    content: "";
    background-image: url('https://s29.postimg.org/5h0r4ftkn/ellipses_dial.png');
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    opacity: 0.15;
}

.ellipses__outer--thick {
    width: 99.5%;
    height: 99.5%;
    border-color: white transparent;
    border-width: 2px;
    transform: rotate(-45deg);
    animation: ellipsesRotate 15s ease-in-out infinite;
}

.ellipses__orbit {
    width: 2.5rem;
    height: 2.5rem;
    border-width: 2px;
    border-color: white;
    top: 5rem;
    right: 6.75rem;
}

.ellipses__orbit:before {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    display: inline-block;
    background-color: white;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@keyframes ellipsesRotate {
    0% {
        transform: rotate(-45deg);
   }
    100% {
        transform: rotate(-405deg);
   }
}
@keyframes ellipsesOrbit {
    0% {
        transform: rotate(0);
   }
    100% {
        transform: rotate(360deg);
   }
}