*{
    padding: 0;
    margin: 0;
}

h1{
    position: sticky;
    top: 0;
    left: 0;
    height: 4rem;
    background-color: #222b45;
    box-shadow: 0 5px 15px rgb(0, 0, 0, .5);
    color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
    text-align: center;
    line-height: 4rem;
    z-index: 1000;
}

.contenedor{
    background-color: #222b45;
    width: 100%;
    min-height: 100vh;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: column;
}

.cursor{
    background-color: rgb(255, 0, 242);
    height: 100px;
    width: 100px;
    font-size: 0.85rem;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.cursor:hover{
    color: rgba(255, 255, 255, 0.4);
}

.cursor:nth-child(1){background-color: #ff00c8; cursor: default;}
.cursor:nth-child(2){background-color: #e709b7; cursor: crosshair;}
.cursor:nth-child(3){background-color: #ac1c8d; cursor: help;}
.cursor:nth-child(4){background-color: #942e7e; cursor: move;}
.cursor:nth-child(5){background-color: #6d205c; cursor: pointer;}
.cursor:nth-child(6){background-color: #0095ff; cursor: progress;}
.cursor:nth-child(7){background-color: #2289d2; cursor: text;}
.cursor:nth-child(8){background-color: #3b78a3; cursor: wait;}
.cursor:nth-child(9){background-color: #225d87; cursor: cell;}
.cursor:nth-child(10){background-color: #113a56; cursor: nw-resize;}
.cursor:nth-child(11){background-color: #00ffa2; cursor: n-resize;}
.cursor:nth-child(12){background-color: #15e096; cursor: ne-resize;}
.cursor:nth-child(13){background-color: #2bbd87; cursor: copy;}
.cursor:nth-child(14){background-color: #1d8e65; cursor: no-drop;}
.cursor:nth-child(15){background-color: #0e4d35; cursor: vertical-text;}
.cursor:nth-child(16){background-color: #f2ff00; cursor: alias;}
.cursor:nth-child(17){background-color: #d5de28; cursor: w-resize;}
.cursor:nth-child(18){background-color: #9ba031; cursor: none;}
.cursor:nth-child(19){background-color: #737815; cursor: e-resize;}
.cursor:nth-child(20){background-color: #616515; cursor: context-menu;}
.cursor:nth-child(21){background-color: #ff0008; cursor: not-allowed;}
.cursor:nth-child(22){background-color: #e50109; cursor: nesw-resize;}
.cursor:nth-child(23){background-color: #b50308; cursor: nwse-resize;}
.cursor:nth-child(24){background-color: #860308; cursor: sw-resize;}
.cursor:nth-child(25){background-color: #560608; cursor: s-resize;}
.cursor:nth-child(26){background-color: #ff5900; cursor: se-resize;}
.cursor:nth-child(27){background-color: #e25305; cursor: ew-resize;}
.cursor:nth-child(28){background-color: #c04503; cursor: ns-resize;}
.cursor:nth-child(29){background-color: #862f00; cursor: row-resize;}
.cursor:nth-child(30){background-color: #6b2703; cursor: col-resize;}
.cursor:nth-child(31){background-color: #b700ff; cursor: all-scroll;}
.cursor:nth-child(32){background-color: #aa18e4; cursor: zoom-in;}
.cursor:nth-child(33){background-color: #a140c8; cursor: zoom-out;}
.cursor:nth-child(34){background-color: #823a9f; cursor: grab;}
.cursor:nth-child(35){background-color: #643278; cursor: grabbing;}