@font-face {
    font-family: myFirstFont;
    src: url(library/font/Autography-DOLnW.otf);
}
@font-face {
    font-family: mySecondFont;
    src: url(library/font/OpenSans-Regular.ttf);
}

body {
    width: 100%;
    margin: 0;
}
header {
    width: 100%;
    height: auto;
    background-color: cadetblue;
    padding: 10px;
    color: white;
    box-sizing: border-box;
}
h1 {
    font-family: myFirstFont;
    margin: 0;
}
h3 {
    font-family: mySecondFont;
    margin: 0;
}
h4 {
    font-family: mySecondFont;
    margin: 0;
}
h5 {
    font-family: mySecondFont;
    margin: 0;
}
h6 {
    font-family: mySecondFont;
    margin: 0;
}
label {
    font-family: mySecondFont;
    margin: 0;
}
#profile-image {
    width: auto;
    height: auto;
    cursor: pointer;
}
#authentication-div {
    width: 100%;
    height: 300px;
    margin: auto;
    background-color: aliceblue;
    display: none;
    padding: 10px;
    box-sizing: border-box;
}
#flexit {
    width: 100%;
    height: auto;
    display: flex;
    gap: 10px;
}
#input-email {
    width: auto;
    height: 50px;
    border-style: none;
}
#input-password {
    width: auto;
    height: 50px;
    border-style: none;
}
#sign-in-button {
    width: max-content;
    height: auto;
    background-color: cadetblue;
    color: white;
    border-style: none;
    font-family: mySecondFont;
    align-self: baseline;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
}
#cancel {
    width: max-content;
    height: auto;
    background-color: pink;
    color: white;
    border-style: none;
    font-family: mySecondFont;
    align-self: baseline;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
}
#profile-div {
    width: 100%;
    height: 300px;
    margin: auto;
    background-color: aliceblue;
    display: none;
    padding: 10px;
    box-sizing: border-box;
}
#history-button {
    width: max-content;
    height: auto;
    background-color: #5f9ea0;
    color: white;
    border-style: none;
    font-family: mySecondFont;
    align-self: baseline;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
}
#cancel-button {
    
}
#sign-out-button {
    width: max-content;
    height: auto;
    background-color: pink;
    color: white;
    border-style: none;
    font-family: mySecondFont;
    align-self: baseline;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
}
#flagship-div {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    color: white;
}

#flagship-div-text {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
}

#booking-div {
    width: max-content;
    display: flex;
    gap: 10px;
    margin: auto;
    margin-top: 10px;
}
#book-button {
    width: max-content;
    height: auto;
    background-color: cadetblue;
    color: white;
    border-style: none;
    font-family: mySecondFont;
    align-self: baseline;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
}
#learn-more-button {
    width: max-content;
    height: auto;
    background-color: palevioletred;
    color: white;
    border-style: none;
    font-family: mySecondFont;
    align-self: baseline;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
}