* {
    box-sizing: border-box;
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/nature/nat-11/nat1055.cur), auto !important;} /* End https://www.cursors-4u.com */


body {
    background-color:white;
    display: flex;
    justify-content: center;
    font-family:Arial, Helvetica, sans-serif
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#all {
    background-color: rgba(0, 81, 255, 0);
    min-width: 96%;
    padding:2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

header img {
    max-width: 600px;
    max-height: 800px;
}

#logo {
    height:250px;
    width: 600px;
}

img {
    max-width: 50%;
    margin: 0px;
}

#well {
    clip-path: inset(0 3% 0 3%);
}

main nav ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0%;
}

nav ul li img {
    max-height: 50px;
    min-width: 100px;
}


nav ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

nav ul li:hover {
    background-color: rgb(255, 0, 170);
}

h1 {
    background-color: rgb(255, 0, 170);
    color: white;
    padding: 0px 15px;
}


.box {
    display: flex;
    max-width: 600px;
}

#link_tree {
    list-style-image: url("./page/about/lips_xxs.png");
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#link_tree li a {
    font-family: 'Times New Roman', Times, serif;
    color: black;
}

#link_tree li a:hover {
    background-color: #ff3333;
    color: white
}

#home {
    background-color: rgb(255, 0, 170) ;
    padding: 10px;
    color: white;
}

#home:hover {
    background-color: white ;
    padding: 10px;
    color: rgb(255, 0, 170);
}




#movies ul {
    list-style: none;
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    justify-content: center;
    padding: 0px
}

#movies ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1em;
    padding-top: 0px;
}

#movies ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2em;
}

#movies ul li span {
    text-align: center;
}

#flyers ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 3em;
    flex-wrap: wrap;
}

#flyers img {
    max-width: 300px;
}