@import "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" ;
@import "https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css";



@tailwind base;
@tailwind components;
@tailwind utilities;

body{
    
    background-color: #8EE4AF;


}

#mes{
    font-size: large;
}

#demo{
    font-size: 1000px;
}

#md{

    background-color: black;


}
<!--
 #div2{
    background:url(4250cf3e0be36300f7f2db83c6827ca6.jpg);
    background-color: rgb(245, 223, 77);
    background-size: cover;
    padding: 5px;
    background-image: ;
}

.center{
        display:block;
        margin-top: -50px;
        margin-left: auto;
        margin-right: auto;
        height: 420px;
        width: 420px;

      
    
   
}
#padmar{
    margin: 10px;
    padding: 10px;
}


#dvm{
    height: 450px;
    width: 1300px;
    
    
}
#hdr{
    box-sizing: border-box;
    margin-left: 20px;
    margin-right: 20px;
    margin-top:-75px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 35px ;
    font-family: 'Merienda';


}
.nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-item {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.nav-item a {
    background: transparent;
    border: 2px solid rgb(176, 202, 219);
    color: #fff;
    margin-top: 1em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 85%;
}
.nav-item a:hover,
.nav-item a:focus {
    border: 2px solid rgb(82, 61, 201);
    text-decoration: none;
}   
article{

    font-size: x-large;
    text-transform: uppercase;
    color:black;
    font-family: "Lucida Console", "Courier New", monospace;
    border-bottom: 1px solid #eee;
    padding: 0.4em 0;
    letter-spacing: 0.1em;
    background-color: rgb(153, 0, 255);
    border-style: double;
    border-radius: 30px;
    font-style: bold;
}

h3{

    font-style: italic;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}