@font-face {
    font-family: 'alagard';
    src: url(https://dl.dropbox.com/scl/fi/dfmkjyqu3te5l3g05a1lc/alagard.ttf?rlkey=utkaeocqtgkxa7guz0c96sgtd&st=whxwcqr4&dl=0);
}

@font-face {
    font-family: 'cavalhatriz';
    src: url(https://dl.dropbox.com/scl/fi/pw99p62wr5f2ckdxvjigk/Cavalhatriz.ttf?rlkey=pkv4e5h1s1novmmfhv5hs3q40&st=x9pz1axk&dl=0);
}

@font-face {
    font-family: 'dico';
    src: url("https://dl.dropbox.com/scl/fi/il2effrbyy3nejnsia0od/Dico.ttf?rlkey=wcskioxoghckqhfyzq8g4ft3k&st=cvzsgfsf&dl=0");
}

body {
    background-image: url("https://dl.dropbox.com/scl/fi/3t24vnyfbjazaskvs2sd4/tumblr_08b9fa9b7ae759628df704ea05bd0ac9_a9d954a1_100.webp?rlkey=bij2anaoucg1g71s8nxryo75b&st=cwfae3v0&dl=0")
}

h2 {
    font-family: 'alagard';
}

p {
    font-family: 'dico';
    font-size: 14px;
}

.navbar {
    font-family: 'dico';
    display: flex;
    justify-content: center;
}

.navbar a {
    text-decoration: none;
    color: black;
    background-color: white;
    border: 2px dashed;
    border-radius: 50px;
    padding: 15px;
    margin-inline: 20px;
    margin-bottom: 10px;
}

.navbar a:hover {
    background-color: rgb(100, 176, 121);
}

.header h1{
    font-family: 'cavalhatriz';
    font-size: 145px;
    text-align: center;
    margin: 15px
}

.container {
    background-color: white;
    border: solid 2px;
    max-width: 80%;
    margin-inline: auto;
    padding: 20px;
}

.container h1 {
    font-family: 'alagard';
    text-align: center;
}

.container a {
    color: rgb(100, 176, 121);
}

.details {
    display: flex;
    flex-wrap: wrap;
}
.indented {
    margin-left: 2rem;
  }
  
.bulletless::before {
    content: " ";
    margin-right: 6px;
      
  }

ul {
    font-family: 'dico';
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
li::before {
    content: ">"; 
    margin-right: 6px; 
}

li {
    margin-left: 10px;
}

.wip {
    background-color: rgb(246, 241, 183);
    padding: 2px;
    border-radius: 5px;
    font-style: italic;
}

.summary {
    display: flex;
}

.left {
    width: 30%;
}

.right {
    width: 70%;
}

.summary img {
    border: 2px solid;
    width: 163px;
}