:root {
    --background-color: rgba(51, 51, 234, 0.868);
    --border-radius: solid blueviolet;

}

.blood {
    text-align: center;
    border-radius: 20px solid rgb(169, 169, 10);
    border: 15px;
    font-size: x-large;
    font-family: 'Courier New', Courier, monospace;
}

body{
    background-color: var(--background-color);
    
}
@media (min-width: 1100px) and (max-width: 1200){
img {
    max-width: 100%; height: auto;
    border: 15px var(--border-radius);
    border-radius: 20px;
    margin: 10px;
    cursor: pointer;

}

header, p, footer {
    background-color: rgb(133, 151, 222);
    border: 10px solid purple;
    border-radius: 8px;
    font-size: x-large;
    font-family: 'Courier New', Courier, monospace;
    text-align: center;

}

nav {
    background-color: rgb(241, 239, 239);
    font-size: xx-large;
    
    }
}
@media (min-width: 700px) and (max-width: 900){
img {
    max-width: 100%; height: auto;
    border: 15px var(--border-radius);
    border-radius: 20px;
    margin: 10px;
    cursor: pointer;

}

header, p, footer {
    background-color: rgb(133, 151, 222);
    border: 10px solid purple;
    border-radius: 8px;
    font-size: x-large;
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    
}

nav {
    background-color: rgb(241, 239, 239);
    font-size: xx-large;
    
    }
}