* {
    margin: 0px; 
    padding: 0px; 
}

body {
    background-color: antiquewhite;

    min-height: 100vh;
    min-width: 100vw;

    display: flex;
    flex-direction: column;
}

.container-search-bar {
    flex: 1 0 auto; 

    display: flex; 
    flex-direction: row; 
    align-items: center;
    justify-content: center;
}

.search-bar {
    width: 1000px; 
    height: 48px; 
    border: 1px; 
    border-style: solid;
    border-radius: 30px;
    border-color: #d3d3d3;

    display: flex;
    flex-direction: row;

    padding-left: 30px;  
    padding-right: 5px;   

    background-color: white;
}

.search-bar-box {
    flex: 1 0 auto; 

    border-radius: 10px;
    outline: none;
    border: none;

    font-size: 25px;
}

.title {
    font-family: "Cormorant Garamond", serif;
    /* font-optical-sizing: auto; */
    font-style: normal;

    display: flex; 
    flex-direction: column;
    align-items: center;

    margin-bottom: 50px;
}

.title-line-1 {
    font-weight: 300;
    font-size: 50px; 
}

.title-line-2 {
    font-weight: 300;
    font-size: 60px; 
}

.title-line-3 {
    font-weight: 350;
    font-size: 100px; 
}

.letters {
    font-family: 'KarnataFKittel'; 
    font-size: 40px; 

    display: flex;
    flex-direction: column;
    flex-wrap: wrap; 

    margin-bottom: 30px;

}

.letters-row {
    display: flex; 
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap; 

    gap: 5px;
}

.letter {
    margin-left: 2.5px;
    margin-right: 2.5px;
}

.letter:hover {
    font-weight: bold;
    cursor: pointer;
}

.letter-link-yts {
    color: black; 
    text-decoration: none;
}

.letter-link-done {
    color: #32CD32; 
    text-decoration: none;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-bottom: 30px; 
}

.progress-bar-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    font-family: "Cormorant Garamond", serif;
    /* font-optical-sizing: auto; */
    font-style: normal;
}