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

body {
    font-family: "Courier New", monospace;
}

.colors {
    color1: #684a52;
    color2: #99bfad;
    color2_2: #6E897A;
    color3: #fcecfc;
    color4: #6E897A;

}

#wrapper {
    position: absolute;
    top: 50%;
    left: 50%;

}

#ground {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 107px;
}

.pink {
    background: #fcecfc;
    background: -moz-linear-gradient(top,  #fcecfc 0%, #ff7cd8 100%);
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0%,#fcecfc), color-stop(100%,#ff7cd8));
    background: -webkit-linear-gradient(top,  #fcecfc 0%,#ff7cd8 100%);
    background: -o-linear-gradient(top,  #fcecfc 0%,#ff7cd8 100%);
    background: -ms-linear-gradient(top,  #fcecfc 0%,#ff7cd8 100%);
    background: linear-gradient(to bottom,  #fcecfc 0%,#ff7cd8 100%);
}

.turquoise{
    background: #99bfad;
    background: -moz-linear-gradient(top,  #99bfad 0%, #bdead1 100%);
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0%,#99bfad), color-stop(100%,#bdead1));
    background: -webkit-linear-gradient(top,  #99bfad 0%,#bdead1 100%);
    background: -o-linear-gradient(top,  #99bfad 0%,#bdead1 100%);
    background: -ms-linear-gradient(top,  #99bfad 0%,#bdead1 100%);
    background: linear-gradient(to bottom,  #99bfad 0%,#bdead1 100%);
}

.white {
    background: #ddd;
}

#points {
    position: absolute;
    top: 30px;
    left: 30px;
}

#tut {
    position: absolute;
    top: 30px;
    right: 30px;
}