*{
    text-align: center;
    align-content: center;
    font-family:quicksand

}

body{
    background-color: black;    
    color:whitesmoke
    font-size:5rem;
}

a {
    color: whitesmoke;
    text-decoration: none;
    
}


ul{
    list-style: none;
    color: whitesmoke;
    font-size: 2rem;
}

nav{
    font-size: 3rem;
    display:flex;
}

h1{
    font-family: moirai one;
    font-size: 10rem;
    font-weight: 100;
}

h2{
    font-family: quicksand;
    font-size: 7rem;
    font-weight:100
}

h3{
    text-emphasis-color: whitesmoke
    font-family:quicksand;
    font-size:2rem;
    font-weight: 100;
    text-align: justify;
    padding-left: 50;
    padding-right: 50;
}

p{
    font-family: quicksand;
    font-size: 2rem;
    color: whitesmoke;
    text-align: center;
}



.container {
    text-align: center;
    align-items: center;
}

.texto{
    text-align: justify;
}

img{
    max-width:device-width;
    max-height: device-height;
}

span{
    font-weight: 800;
    color:red
}

.boxes{
    text-align: center;
    font-size: 5rem;
    width: 100%;
    align-items: center;
    font-family: quicksand;
    font-weight: 100;
}

.video {
    border: 5px
    color: black
}


.boxes a{
    font-size: 6rem;
}

.box1{
    color: rgb(205, 205, 205)
    background-color: rgb(0, 0, 0);
}

.box1:hover {
    cursor:pointer;
    opacity: 0.7;
}

.box2{
    background-color: greenyellow;

}

.box2:hover {
    cursor:pointer;
    opacity: 0.7;
}

.box3{
    background-color: powderblue;

}

.box3:hover {
    cursor:pointer;
    opacity: 0.7;
}

.box4{
    background-color:rgb(0, 0, 0);
}

.box4:hover {
    cursor:pointer;
    opacity: 0.5;
}


.pinturas {
    max-width: device-width;
    font-family: quicksand;
    font-size: 2rem;
}