.form-container {
    display: flex;
    flex-direction: column;
    width: 20rem;
}

.form-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
}

.form-group > input {
    min-width: 12rem;
}

.form-group > textarea {
    min-width: 12rem;
}

.hide-scrollbar {
	overflow: -moz-hidden-unscrollable;
	overflow: hidden;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

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

.align-start {
    align-self: flex-start;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-42px {
    margin-left: 42px;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-38px {
    margin-top: 38px;
}

.mx-4 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.mx-63px {
    margin-left: 63px;
    margin-right: 63px;
}

.mx-70px {
    margin-left: 70px;
    margin-right: 70px;
}

.mx-84px {
    margin-left: 84px;
    margin-right: 84px;
}

.mx-97px {
    margin-left: 97px;
    margin-right: 97px;
}

.pill-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 42px;
}

#contentHolder {
    font-family: "SF Pro Display", Sans-serif;
    color: black;
}

#firstGenerate {
    width: 1080px;
    height: 1080px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#secondGenerate {
    width: 1080px;
    height: 1920px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#thirdGenerate {
    width: 1200px;
    height: 628px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.round-block {
    border: 2px #f2f2f7 solid;
    background-color: #f2f2f7;
    border-radius: 36px;
}

.round-l {
    font-size: 34px;
    padding: .6rem 1rem;
    align-items: center;
}

.round-m {
    font-size: 34px;
    padding: .6rem 1rem;
    align-items: center;
}

.round-s {
    font-size: 30px;
    padding: .6rem 1rem;
    align-items: center;
}

#firstGenerate > * {
    line-height: 1;
}

#secondGenerate > * {
    line-height: 1;
}

#thirdGenerate > * {
    line-height: 1;
}

.size-1 {
    font-size: 1rem;
}

.size-2 {
    font-size: 2rem;
}

.size-3 {
    font-size: 3rem;
}

.size-4 {
    font-size: 4rem;
}

.size-5 {
    font-size: 5rem;
}

.size-6 {
    font-size: 6rem;
}

.bold {
    font-weight: bold;
}