* {
    
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

body {
    background-color: #1F0F33;    
}

div .block-one {
    align-content: center;
}

figure .align-center {

    align-content: center;
}


.container {
    margin: auto;
    width: 55%;
}

.box-1 {
    padding: 5px;
    border-radius: 2%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

p {
    color: #e1d9e9;
    text-align: center;
}

a {
    color: #f8fa9d;
}

a:visited {
    color: #fbbe66;
}


ul {
    text-align: center;

}

@media screen and (max-width: 650 px){
    .box-1 {
        background-color: #1f0f33;
        
        
        grid-template-rows: auto;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        padding: 1em;
        min-height: 1200px;
        grid-auto-rows: minmax(250px,auto);
        padding: 5px rgba(0, 0, 0, 0.8);
    }

    .align-center {

        justify-content: center;
    }

    p {
        color: #ddd0e9;
        text-align: center;
    }

    ul {
        text-align: center;
    
    }
}