.earth{
    margin: 0 auto;
    margin-top: 20%;
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #006600;
    background: radial-gradient( ellipse at center,#eaae24 20%, #006600 100%);
}


.mantle{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: yellow;
    background: radial-gradient(circle at 90%, #FF9900 60%, #ff1736 80%);
    transform: translate(-50%,-50%);
    
}


.core{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    border-radius: 50%;
    background:red;
    transform: translate(-50%,-50%);
}

.kreis{
    position: absolute;
    left: 300px;
    top: 5px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(#ff00cc 50%, #5d00ff 100%);
}

.tochka{
    text-decoration: none;
    font-size: 23px;
    word-spacing: 5px;
}