.temperatura {
    position: relative;
    left: 60px;
    width: 20px;
    height: -20px;
}

.containerxx {
    position: absolute;
    height: -20px;

}


.contai {
    position: absolute;
    top: -235px;
    height: 2px;
    width: 250px;
    left: 10px;
}

#content {
    margin: 20px 10%;
    height: 30px;
    width: -100px;
    left: -40px;
}

#icon {
    position: relative;
    font-size: 4em;
    left: 30px;


}

/* letras que estan a la par del icono */
#summary {
    position: relative;
    font-size: 2em;
    left: 50px;
    top: -0.1px;
}

#temperature,
#deg {
    display: inline;
    font-size: 5em;
}


/* los numeros de la temperatura */
.row_text-center {
    position: absolute;
    height: -1px;
    left: 20px;
}

/* botones de temperatura */
.tem1 {
    position: absolute;
    left: -4.2em;
    top: -9.6em;
    height: 4.5em;
    width: 0.6em;
    background: #e4e4e4;
    border-radius: -0.1em -0.2em -0.5em 0.5em/0.9em 0.1em 0.1em 0.9em;
    box-shadow: inset 0.1em 0.05em 0 #AFAFAF, inset -0.2em 0.5em 0.2em -0.2em #FFF, inset -0.25em 0.8em 0.2em -0.2em #000, inset 0.1em -0.6em 0.2em -0.2em #000;
}

.tem2 {
    position: absolute;
    right: -3.9em;
    top: -9.6em;
    height: 4.5em;
    width: 0.6em;
    background: #e4e4e4;
    border-radius: -0.1em -0.2em -0.5em 0.5em/0.9em 0.1em 0.1em 0.9em;
    box-shadow: inset 0.1em 0.05em 0 #AFAFAF, inset -0.2em 0.5em 0.2em -0.2em #FFF, inset -0.25em 0.8em 0.2em -0.2em #000, inset 0.1em -0.6em 0.2em -0.2em #000;

}

.tem3 {
    position: absolute;
    right: -3.9em;
    top: 2.8em;
    height: 4.5em;
    width: 0.6em;
    background: #e4e4e4;
    border-radius: -0.1em -0.2em -0.5em 0.5em/0.9em 0.1em 0.1em 0.9em;
    box-shadow: inset 0.1em 0.05em 0 #AFAFAF, inset -0.2em 0.5em 0.2em -0.2em #FFF, inset -0.25em 0.8em 0.2em -0.2em #000, inset 0.1em -0.6em 0.2em -0.2em #000;

}

.tem4 {
    position: absolute;
    left: -4.2em;
    top: 2.9em;
    height: 4.5em;
    width: 0.6em;
    background: #e4e4e4;
    border-radius: -0.1em -0.2em -0.5em 0.5em/0.9em 0.1em 0.1em 0.9em;
    box-shadow: inset 0.1em 0.05em 0 #AFAFAF, inset -0.2em 0.5em 0.2em -0.2em #FFF, inset -0.25em 0.8em 0.2em -0.2em #000, inset 0.1em -0.6em 0.2em -0.2em #000;
}