p{
/*     
    /* font-family: 'Playwrite DK Uloopet Guides', cursive; */
    color: black; */
    font-style: Arial;
    /* padding: 5px 20px;
    height: 30px; */
    font-family: 'Playwrite DK Uloopet Guides', cursive;
}

h1{
    color: rgb(240, 240, 240);
    font-style: Arial;
    padding: 5px 20px;
    text-align: center;
    height: 60px;
    width: calc(100% - 60px);
    flex: 1;
    font-size: clamp(16px, 2.5vw, 32px);
}

h2{
    font-family: 'Playwrite DK Uloopet Guides', cursive;
    padding: 5px 20px;
    display: flex;
    align-items: center;
}

header{
    background-color: blue;
    padding:5px 20px;
   height: 60px;
   align-items: center;
   display: flex;



}

nav ul{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-evenly;
    height: 30px;

}
   


footer{
    list-style: none;
   position: fixed;
   height: 30px;
   
   background-color: blue;
    color: white;
    bottom: 0px;
    right: 0px;
    left: 0px;
    text-align: center;
    line-height: 20px;

}
main{
    min-height: calc(100vh - 30px - 30px - 60px);
    padding: 5px 20px 40px 20px;
}