@import url(fonts.css);
@import url(layout.css);
@import url(headings.css);

* {
    font-family: "Sour Gummy", sans-serif;
    color: rgb(176, 11, 105);
    font-weight: normal;
    font-size: 24px;
}

header, nav, main, footer, .stuff {
    padding: 20px;
    border: 4px dashed #ffffff;
    border-radius: 36px;
    font-optical-sizing: auto;
    border-style: dashed;

}

header {
    font-family: "Sour Gummy Expanded", sans-serif;
    font-size: 400%;
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}

nav {
    font-weight: 900;
    font-size: 175%;
}

.stuff {
    text-align: center;
}

ul {
    list-style-type: none; 
    text-align: center;
    margin: 0; 
}
ul li::marker {
    content: none;  
}

details {
    padding-left: 50px;
    font-weight: 100;
}
summary {
    font-size: 100%;
    font-weight: normal;
    font-style: italic;
    cursor: pointer;
}

body {
    background-image: url('/assets/images/shark_bg.jpg');
    line-height: 1.25;
}

.link {
    color: rgb(125, 45, 230);
}

li a {
    text-decoration: none;
    font-size: 120%;
    font-weight: 500;
}

details:open summary {
    font-weight: bold;
}