body{
    font-family: "Comic Sans", "Comic Sans MS", serif;
    background-color: blanchedalmond;
    color: #800020;
}

h1{
    text-align: center;
}

.anotar{
    text-align: center;
}

.onde{
    margin-bottom: 20px;;
}

input[type='range'] {
    overflow: hidden;
    width: 150px;
    -webkit-appearance: none;
    background-color: green;
    border-radius: 10px;
}
    
input[type='range']::-webkit-slider-thumb {
    width: 10px;
    -webkit-appearance: none;
    height: 10px;
    cursor: ew-resize;
    background: #800020;
    box-shadow: -80px 0 0 80px red;
}

button{
    border-radius: 20px;
    background-color: #800020;
    color:blanchedalmond;
    padding:10px;
    display:flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.listas{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:20px;
}

.lugar{
    margin-top: 20px;
    border: dotted 2px #800020;
    text-align: center;
}

/* Responsive Design: */
@media screen and (max-width:1200px) {
    .listas{
        grid-template-columns: 1fr;
    }
}