@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,800;1,400;1,800&family=Great+Vibes&display=swap');
        
* {
    margin:0;
    margin:0;
}

html {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size:18px;
    color:black;
}

body {
    background:linear-gradient(to top, #b2dbf8, #d0e5f7 68%); 
}

.brandname {
    font-family: 'Great Vibes', cursive;
    font-weight:600;
    font-size: 25px;

}

.footer {
    background:linear-gradient(to right, white 45%, hotpink 55%);
    color:rgb(0, 255, 255);
}

.footer a {
    justify-content: left;
    line-height: 20px;
}

.footer address {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    padding: 0 10px 10px 0px;
    font-family:'Times New Roman', Times, serif;
    font-style: normal;
}
/*NAVIGATION CSS BEGINS*/
.container {
    height:10%;
    width:100%;
    background-position:center;
    background-size:cover;
    padding-left:5%;
    padding-right:5%;
    box-sizing:border-box;
    position: relative;
}

.navbar {
    width:100%;
    height:15vh;
    margin:auto;
    display:flex;
    align-items:center;
}

.navbar li {
    color:#38426fbb;
    font-weight: 500;
    padding-right: 80px;
    font-size: 23px;
}

.cart {
    width: 40px;
    cursor: pointer;
    padding-left: 20px;
}

.nav {
    flex:1;
    padding-left: 60px;
}

nav ul li {
    display:inline-block;
    list-style:none;
    margin:0px 20px;
}

nav li a {
    text-decoration: none;
    color:#4b578e;
    font-weight: 500;
    padding-right: 80px;
}
/*NAVIGATION CSS ENDS*/

    
/*MEDIA QUERY FOR iPAD AIR BEGINS*/
@media only screen and (max-width:820px) {

    
}
/*MEDIA QUERY FOR iPAD AIR ENDS*/


/*MEDIA QUERY FOR iPHONE X BEGINS*/
@media only screen and (max-width:400px) {
* {
    font-size: 16px;
    line-height: 1.5em;
}

html {
    margin-left: 15px;
    margin-right: 15px;
}

h1 {
    font-size: 20px;
    line-height: 1.5em;
    text-align: center;
    padding:10px;
}

nav {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 150px;
    
}

nav a {
    flex: 1;
    text-align: center;
    font-size: 14px;
    margin: 0 10px;
  }

#libraryh1 h1, .enchantee h1 {
    font-size: 20px;
    line-height: 1.5em;
    text-align: center;
    padding-top: 15px;
}

body {
    padding-left:15px;
    padding-right: 15px;
}
.content .button {
    font-size: 14px;
    padding:5px;
    display:inline;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.enchantee {
    flex:1;
    margin-right:0;
    padding: 10px;
    border:none;
    padding-bottom: 50px;
    text-align: center;
    justify-content: center;
    line-height:15px;
    font-weight: 400;
    font-size: 14px;
    color:#ce517c;
}
}