html {
    scroll-behavior: smooth;
}

body {
    background-color: #88D6E3;
    font-family: 'Arial', sans-serif;
    line-height: 1.4; 
    white-space: normal;
    overflow-wrap: anywhere;
    padding-top: 80px;
    margin: 0;
    user-select: none;
    flex-wrap: wrap;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

:target {
    scroll-margin-top: 88px;
}

#navmenu {
    box-shadow: 0px 4px 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

:target, main, footer {
    padding-left: 8px;
    padding-left: 8px;
}

:target:not([href="#home"]) {
    margin: 0;
    padding: 0;
}

.heading {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #283593;
}

#by_me {
    font-family: 'Alex Brush', cursive;
}

.info {
    color: #3949AB;
}

details {
    width: 100%;
    overflow: hidden;
}

summary {
    border: 2px solid #052273;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    cursor: pointer;
    padding: 12px;
    font-weight: bold;
}