* {
    box-sizing: border-box;
    color: #f0eeee;
}

html,
body {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3f3e44;
}

.box {
    position: absolute;
}

.center {
    top: 50%;
    left: 50%;
}

.green {
    background-color: green;
}

.yellow {
    background-color: yellow;
}

.red {
    background-color: red;
}

.blue {
    background-color: blue;
}

.size200 {
    height: 200px;
    width: 200px;
}

.selected {
    border: #f0eeee dashed 3px;
}

.circle {
    border-radius: 50%;
}

.animateSize {
    transition: width 1s, height 1s;
}