Untitled

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

body {
    padding-bottom: 20px;
    background-color: #24252A;
    font-family: 'Work Sans', sans-serif;
    color:#f7f7f7;
}
  
.navbar {
    transition: all .5s ease;
}

.navbar-collapse{
    transition: all .5s ease;
}

/* options section */

.options{
    margin-top:10rem;
    margin-bottom:2rem;
    color:#f7f7f7;
    display:flex;
    justify-content: space-between;
}

.circles-wrap{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.circle{
    width:250px;
    height:250px;
    background-color: #f7f7f7;
    border-radius: 50%;
    display:flex;
    align-items: center;
    justify-content: center;
}

.circle-text{
    margin-top:1rem;
    font-size:1.5rem;
    letter-spacing: 2px;
}

.ss{
    margin-top:auto;
}

.circle img{
    width:150px;
}