styles.css

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

* {
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
}

.page-container{
    margin: 10px;
    padding: 10px;
}

.section-container{
    margin: 10px;
    padding: 10px;
}

.note-container{
    margin: 10px;
    padding: 20px;
    border: 1.5px solid #A9A9A9;
    border-radius: 5px;
    /* horizontal margin auto */
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

.field-group{
    margin-top: 5px;
    margin-bottom: 5px;
}

.next-button{
    display: flex;
    justify-content: flex-end;
}

.field-heading{
    font-weight: 600;
}

.company-container{
    display: flex;
    justify-content: space-between;
    margin: 10px;
    padding: 10px;
    border: #A9A9A9 1.5px solid;
    border-radius: 5px;
}

.list-container{
    max-height: 500px;
    overflow-y: auto;
}

.space-between{
    display: flex;
    justify-content: space-between;
}

.button-margin{
    margin: 10px;
}

.text-margin{
    margin: 10px;
}

#versionTitle{
    width: 60%;
}

.hover-effect:hover{
    background-color: #e6e6e6;
}

.cursor-pointer{
    cursor: pointer;
}

.header-link{
    font-size: 13px;
    border-radius: 10px;
}

.header-link:hover{
    background-color: #4095b7;
}