Как сделать квадратный див в CSS

.square {
    background-color: #000;
    width: 50vw;
    height: 50vw;
}
.square h1 {
    color: #fff;
}
/* It works */
spectacle hoodie coder