/*
 * Google Bot Limit Test - CSS File
 * Target size: 2.5 MB
 */

:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --font-family: 'Helvetica Neue', Arial, sans-serif;
}

body {
    font-family: var(--font-family);
    line-height: 1.6;
    color: #333;
}

.class-0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-0:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-6:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-7:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-8:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-9:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-10 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-10:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-11 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-11:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-12:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-13 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-13:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-14 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-14:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-15 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-15:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-16 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-16:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-17 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-17:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-18 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-18:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-19 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-19:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-20 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-20:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-21 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-21:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-22 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-22:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-23 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-23:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-24 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-24:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-25 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-25:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-26 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-26:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-27 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-27:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-28 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-28:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-29 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-29:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-30 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-30:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-31 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-31:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-32 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-32:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-33 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-33:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-34 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-34:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-35 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-35:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-36 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-36:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-37 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-37:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-38 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-38:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-39 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-39:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-40 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-40:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-41 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-41:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-42 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-42:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-43 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-43:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-44 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-44:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-45 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-45:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-46 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-46:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-47 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-47:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-48 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-48:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-49 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-49:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-50 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-50:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-51 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-51:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-52 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-52:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-53 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-53:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-54 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-54:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-55 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-55:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-56 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-56:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-57 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-57:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-58 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-58:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-59 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-59:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-60 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-60:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-61 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-61:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-62 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-62:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-63 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-63:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-64 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-64:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-65 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-65:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-66 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-66:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-67 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-67:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-68 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-68:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-69 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-69:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-70 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-70:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-71 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-71:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-72 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-72:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-73 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-73:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-74 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-74:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-75 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-75:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-76 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-76:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-77 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-77:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-78 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-78:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-79 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-79:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-80 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-80:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-81 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-81:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-82 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-82:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-83 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-83:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-84 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-84:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-85 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-85:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-86 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-86:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-87 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-87:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-88 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-88:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-89 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-89:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-90 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-90:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-91 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-91:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-92 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-92:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-93 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-93:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-94 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-94:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-95 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-95:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-96 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-96:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-97 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-97:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-98 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-98:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-99 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-99:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-1970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-1971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-1972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-1973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-1974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-1975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-1976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-1977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-1978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-1979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-1980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-1981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-1982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-1983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-1984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-1985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-1986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-1987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-1988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-1989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-1990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-1991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-1992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-1993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-1994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-1995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-1996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-1997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-1998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-1999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-1999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2834:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2835:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2836:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2837:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2838:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2839:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2840:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2841:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2842:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2843:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2844:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2845:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2846:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2847:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2848:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2849:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2850:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2851:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2852:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2853:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2854:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2855:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2856:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2857:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2858:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2859:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2860:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2861:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2862:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2863:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2864:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2865:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2866:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2867:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2868:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2869:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2870:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2871:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2872:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2873:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2874:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2875:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2876:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2877:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2878:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2879:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2880:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2881:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2882:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2883:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2884:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2885:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2886:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2887:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2888:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2889:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2890:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2891:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2892:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2893:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2894:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2895:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2896:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2897:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2898:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2899:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2900:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2901:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2902:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2903:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2904:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2905:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2906:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2907:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2908:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2909:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2910:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2911:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2912:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2913:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2914:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2915:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2916:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2917:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2918:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2919:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2920:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2921:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2922:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2923:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2924:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2925:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2926:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2927:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2928:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2929:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2930:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2931:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2932:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2933:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2934:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2935:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2936:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2937:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2938:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2939:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2940:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2941:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2942:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2943:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2944:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2945:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2946:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2947:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2948:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2949:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2950:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2951:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2952:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2953:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2954:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2955:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2956:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2957:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2958:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2959:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2960:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2961:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2962:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2963:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2964:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2965:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2966:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2967:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2968:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2969:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-2970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2970:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-2971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2971:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-2972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2972:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-2973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2973:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-2974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2974:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-2975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2975:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-2976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2976:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-2977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2977:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-2978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2978:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-2979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2979:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-2980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2980:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-2981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2981:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-2982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2982:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-2983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2983:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-2984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2984:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-2985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2985:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-2986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2986:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-2987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2987:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-2988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2988:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-2989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2989:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-2990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2990:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-2991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2991:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-2992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2992:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-2993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2993:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-2994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2994:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-2995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2995:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-2996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2996:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-2997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2997:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-2998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2998:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-2999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-2999:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3000:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3001:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3002:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3003:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3004:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3005:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3006:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3007:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3008:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3009:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3010:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3011:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3012:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3013:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3014:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3015:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3016:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3017:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3018:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3019:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3020:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3021:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3022:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3023:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3024:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3025:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3026:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3027:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3028:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3029:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3030:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3031:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3032:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3033:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3034:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3035:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3036:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3037:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3038:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3039:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3040:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3041:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3042:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3043:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3044:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3045:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3046:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3047:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3048:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3049:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3050:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3051:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3052:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3053:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3054:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3055:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3056:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3057:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3058:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3059:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3060:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3061:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3062:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3063:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3064:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3065:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3066:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3067:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3068:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3069:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3070:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3071:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3072:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3073:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3074:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3075:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3076:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3077:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3078:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3079:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3080:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3081:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3082:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3083:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3084:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3085:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3086:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3087:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3088:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3089:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3090:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3091:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3092:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3093:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3094:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3095:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3096:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3097:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3098:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3099:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3100:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3101:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3102:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3103:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3104:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3105:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3106:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3107:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3108:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3109:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3110:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3111:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3112:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3113:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3114:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3115:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3116:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3117:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3118:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3119:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3120:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3121:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3122:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3123:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3124:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3125:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3126:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3127:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3128:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3129:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3130:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3131:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3132:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3133:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3134:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3135:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3136:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3137:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3138:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3139:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3140:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3141:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3142:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3143:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3144:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3145:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3146:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3147:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3148:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3149:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3150:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3151:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3152:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3153:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3154:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3155:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3156:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3157:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3158:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3159:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3160:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3161:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3162:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3163:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3164:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3165:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3166:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3167:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3168:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3169:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3170:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3171:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3172:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3173:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3174:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3175:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3176:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3177:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3178:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3179:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3180:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3181:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3182:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3183:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3184:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3185:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3186:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3187:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3188:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3189:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3190:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3191:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3192:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3193:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3194:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3195:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3196:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3197:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3198:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3199:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3200:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3201:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3202:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3203:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3204:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3205:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3206:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3207:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3208:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3209:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3210:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3211:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3212:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3213:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3214:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3215:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3216:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3217:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3218:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3219:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3220:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3221:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3222:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3223:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3224:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3225:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3226:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3227:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3228:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3229:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3230:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3231:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3232:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3233:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3234:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3235:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3236:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3237:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3238:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3239:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3240:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3241:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3242:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3243:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3244:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3245:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3246:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3247:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3248:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3249:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3250:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3251:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3252:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3253:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3254:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3255:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3256:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3257:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3258:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3259:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3260:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3261:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3262:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3263:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3264:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3265:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3266:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3267:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3268:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3269:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3270:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3271:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3272:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3273:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3274:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3275:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3276:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3277:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3278:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3279:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3280:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3281:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3282:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3283:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3284:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3285:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3286:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3287:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3288:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3289:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3290:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3291:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3292:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3293:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3294:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3295:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3296:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3297:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3298:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3299:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3300:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3301:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3302:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3303:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3304:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3305:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3306:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3307:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3308:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3309:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3310:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3311:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3312:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3313:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3314:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3315:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3316:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3317:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3318:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3319:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3320:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3321:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3322:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3323:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3324:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3325:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3326:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3327:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3328:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3329:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3330:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3331:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3332:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3333:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3334:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3335:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3336:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3337:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3338:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3339:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3340:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3341:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3342:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3343:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3344:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3345:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3346:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3347:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3348:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3349:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3350:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3351:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3352:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3353:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3354:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3355:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3356:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3357:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3358:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3359:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3360:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3361:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3362:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3363:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3364:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3365:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3366:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3367:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3368:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3369:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3370:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3371:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3372:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3373:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3374:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3375:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3376:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3377:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3378:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3379:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3380:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3381:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3382:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3383:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3384:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3385:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3386:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3387:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3388:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3389:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3390:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3391:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3392:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3393:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3394:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3395:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3396:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3397:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3398:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3399:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3400:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3401:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3402:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3403:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3404:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3405:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3406:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3407:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3408:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3409:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3410:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3411:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3412:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3413:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3414:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3415:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3416:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3417:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3418:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3419:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3420:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3421:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3422:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3423:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3424:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3425:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3426:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3427:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3428:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3429:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3430:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3431:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3432:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3433:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3434:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3435:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3436:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3437:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3438:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3439:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3440:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3441:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3442:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3443:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3444:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3445:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3446:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3447:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3448:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3449:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3450:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3451:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3452:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3453:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3454:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3455:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3456:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3457:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3458:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3459:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3460:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3461:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3462:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3463:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3464:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3465:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3466:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3467:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3468:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3469:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3470:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3471:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3472:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3473:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3474:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3475:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3476:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3477:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3478:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3479:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3480:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3481:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3482:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3483:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3484:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3485:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3486:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3487:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3488:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3489:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3490:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3491:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3492:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3493:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3494:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3495:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3496:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3497:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3498:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3499:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3500:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3501:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3502:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3503:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3504:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3505:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3506:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3507:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3508:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3509:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3510:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3511:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3512:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3513:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3514:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3515:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3516:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3517:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3518:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3519:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3520:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3521:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3522:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3523:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3524:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3525:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3526:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3527:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3528:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3529:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3530:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3531:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3532:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3533:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3534:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3535:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3536:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3537:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3538:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3539:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3540:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3541:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3542:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3543:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3544:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3545:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3546:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3547:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3548:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3549:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3550:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3551:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3552:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3553:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3554:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3555:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3556:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3557:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3558:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3559:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3560:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3561:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3562:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3563:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3564:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3565:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3566:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3567:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3568:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3569:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3570:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3571:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3572:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3573:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3574:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3575:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3576:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3577:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3578:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3579:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3580:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3581:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3582:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3583:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3584:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3585:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3586:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3587:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3588:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3589:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3590:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3591:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3592:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3593:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3594:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3595:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3596:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3597:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3598:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3599:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3600:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3601:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3602:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3603:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3604:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3605:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3606:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3607:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3608:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3609:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3610:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3611:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3612:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3613:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3614:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3615:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3616:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3617:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3618:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3619:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3620:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3621:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3622:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3623:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3624:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3625:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3626:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3627:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3628:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3629:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3630:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3631:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3632:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3633:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3634:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3635:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3636:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3637:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3638:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3639:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3640:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3641:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3642:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3643:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3644:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3645:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3646:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3647:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3648:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3649:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3650:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3651:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3652:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3653:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3654:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3655:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3656:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3657:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3658:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3659:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3660:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3661:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3662:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3663:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3664:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3665:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3666:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3667:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3668:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3669:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3670:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3671:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3672:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3673:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3674:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3675:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3676:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3677:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3678:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3679:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3680:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3681:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3682:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3683:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3684:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3685:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3686:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3687:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3688:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3689:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3690:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3691:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3692:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3693:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3694:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3695:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3696:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3697:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3698:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3699:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3700:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3701:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3702:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3703:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3704:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3705:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3706:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3707:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3708:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3709:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3710:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3711:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3712:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3713:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3714:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3715:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3716:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3717:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3718:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3719:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3720:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3721:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3722:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3723:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3724:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3725:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3726:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3727:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3728:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3729:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3730:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3731:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3732:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3733:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3734:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3735:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3736:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3737:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3738:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3739:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3740:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3741:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3742:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3743:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3744:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3745:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3746:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3747:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3748:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3749:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3750:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3751:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3752:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3753:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3754:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3755:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3756:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3757:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3758:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3759:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3760:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3761:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3762:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3763:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3764:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3765:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3766:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3767:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3768:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3769:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3770:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3771:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3772:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3773:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3774:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3775:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3776:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3777:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3778:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3779:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3780:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3781:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3782:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3783:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3784:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3785:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3786:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3787:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3788:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3789:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3790:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3791:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3792:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3793:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3794:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3795:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3796:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3797:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3798:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3799:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3800:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3801:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3802:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3803:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3804:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3805:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3806:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3807:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3808:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3809:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3810:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3811:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3812:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3813:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3814:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3815:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3816:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3817:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3818:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3819:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3820:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3821:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3822:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3823:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3824:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3825:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3826:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3827:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3828:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3829:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3830:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3831:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3832:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3833:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3834:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3835:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3836:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3837:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3838:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3839:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3840:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3841:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3842:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3843:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3844:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3845:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3846:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3847:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3848:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3849:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3850:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3851:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3852:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3853:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3854:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3855:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3856:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3857:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3858:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3859:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3860:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3861:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3862:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3863:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3864:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3865:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3866:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3867:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3868:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3869:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3870:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3871:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3872:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3873:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3874:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3875:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3876:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3877:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3878:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3879:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3880:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3881:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3882:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3883:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3884:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3885:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3886:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3887:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3888:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3889:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3890:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3891:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3892:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3893:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3894:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3895:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3896:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3897:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3898:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3899:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3900:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3901:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3902:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3903:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3904:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3905:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3906:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3907:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3908:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3909:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3910:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3911:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3912:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3913:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3914:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3915:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3916:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3917:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3918:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3919:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3920:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3921:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3922:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3923:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3924:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3925:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3926:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3927:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3928:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3929:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3930:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3931:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3932:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3933:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3934:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3935:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3936:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3937:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3938:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3939:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3940:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3941:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3942:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3943:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3944:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3945:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3946:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3947:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3948:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3949:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3950:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3951:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3952:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3953:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3954:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3955:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3956:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3957:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3958:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3959:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3960:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3961:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3962:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3963:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3964:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3965:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3966:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3967:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3968:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3969:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-3970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3970:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-3971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3971:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-3972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3972:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-3973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3973:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-3974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3974:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-3975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3975:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-3976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3976:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-3977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3977:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-3978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3978:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-3979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3979:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-3980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3980:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-3981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3981:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-3982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3982:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-3983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3983:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-3984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3984:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-3985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3985:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-3986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3986:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-3987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3987:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-3988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3988:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-3989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3989:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-3990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3990:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-3991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3991:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-3992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3992:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-3993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3993:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-3994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3994:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-3995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3995:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-3996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3996:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-3997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3997:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-3998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3998:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-3999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-3999:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4000:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4001:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4002:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4003:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4004:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4005:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4006:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4007:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4008:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4009:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4010:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4011:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4012:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4013:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4014:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4015:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4016:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4017:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4018:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4019:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4020:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4021:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4022:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4023:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4024:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4025:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4026:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4027:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4028:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4029:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4030:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4031:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4032:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4033:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4034:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4035:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4036:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4037:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4038:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4039:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4040:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4041:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4042:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4043:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4044:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4045:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4046:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4047:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4048:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4049:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4050:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4051:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4052:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4053:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4054:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4055:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4056:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4057:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4058:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4059:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4060:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4061:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4062:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4063:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4064:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4065:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4066:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4067:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4068:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4069:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4070:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4071:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4072:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4073:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4074:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4075:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4076:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4077:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4078:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4079:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4080:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4081:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4082:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4083:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4084:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4085:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4086:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4087:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4088:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4089:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4090:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4091:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4092:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4093:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4094:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4095:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4096:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4097:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4098:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4099:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4100:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4101:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4102:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4103:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4104:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4105:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4106:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4107:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4108:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4109:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4110:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4111:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4112:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4113:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4114:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4115:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4116:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4117:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4118:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4119:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4120:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4121:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4122:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4123:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4124:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4125:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4126:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4127:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4128:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4129:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4130:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4131:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4132:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4133:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4134:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4135:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4136:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4137:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4138:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4139:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4140:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4141:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4142:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4143:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4144:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4145:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4146:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4147:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4148:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4149:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4150:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4151:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4152:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4153:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4154:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4155:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4156:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4157:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4158:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4159:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4160:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4161:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4162:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4163:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4164:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4165:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4166:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4167:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4168:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4169:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4170:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4171:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4172:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4173:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4174:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4175:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4176:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4177:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4178:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4179:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4180:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4181:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4182:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4183:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4184:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4185:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4186:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4187:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4188:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4189:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4190:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4191:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4192:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4193:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4194:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4195:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4196:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4197:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4198:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4199:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4200:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4201:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4202:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4203:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4204:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4205:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4206:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4207:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4208:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4209:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4210:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4211:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4212:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4213:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4214:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4215:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4216:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4217:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4218:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4219:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4220:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4221:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4222:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4223:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4224:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4225:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4226:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4227:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4228:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4229:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4230:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4231:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4232:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4233:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4234:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4235:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4236:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4237:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4238:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4239:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4240:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4241:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4242:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4243:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4244:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4245:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4246:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4247:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4248:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4249:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4250:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4251:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4252:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4253:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4254:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4255:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4256:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4257:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4258:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4259:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4260:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4261:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4262:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4263:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4264:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4265:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4266:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4267:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4268:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4269:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4270:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4271:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4272:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4273:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4274:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4275:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4276:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4277:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4278:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4279:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4280:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4281:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4282:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4283:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4284:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4285:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4286:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4287:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4288:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4289:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4290:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4291:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4292:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4293:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4294:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4295:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4296:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4297:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4298:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4299:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4300:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4301:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4302:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4303:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4304:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4305:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4306:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4307:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4308:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4309:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4310:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4311:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4312:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4313:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4314:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4315:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4316:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4317:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4318:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4319:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4320:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4321:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4322:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4323:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4324:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4325:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4326:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4327:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4328:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4329:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4330:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4331:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4332:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4333:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4334:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4335:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4336:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4337:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4338:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4339:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4340:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4341:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4342:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4343:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4344:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4345:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4346:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4347:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4348:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4349:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4350:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4351:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4352:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4353:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4354:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4355:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4356:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4357:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4358:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4359:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4360:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4361:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4362:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4363:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4364:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4365:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4366:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4367:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4368:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4369:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4370:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4371:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4372:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4373:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4374:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4375:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4376:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4377:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4378:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4379:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4380:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4381:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4382:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4383:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4384:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4385:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4386:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4387:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4388:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4389:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4390:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4391:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4392:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4393:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4394:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4395:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4396:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4397:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4398:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4399:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4400:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4401:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4402:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4403:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4404:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4405:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4406:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4407:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4408:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4409:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4410:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4411:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4412:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4413:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4414:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4415:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4416:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4417:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4418:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4419:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4420:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4421:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4422:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4423:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4424:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4425:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4426:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4427:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4428:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4429:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4430:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4431:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4432:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4433:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4434:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4435:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4436:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4437:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4438:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4439:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4440:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4441:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4442:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4443:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4444:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4445:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4446:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4447:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4448:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4449:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4450:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4451:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4452:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4453:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4454:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4455:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4456:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4457:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4458:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4459:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4460:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4461:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4462:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4463:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4464:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4465:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4466:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4467:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4468:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4469:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4470:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4471:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4472:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4473:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4474:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4475:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4476:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4477:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4478:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4479:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4480:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4481:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4482:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4483:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4484:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4485:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4486:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4487:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4488:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4489:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4490:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4491:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4492:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4493:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4494:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4495:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4496:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4497:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4498:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4499:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4500:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4501:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4502:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4503:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4504:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4505:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4506:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4507:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4508:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4509:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4510:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4511:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4512:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4513:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4514:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4515:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4516:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4517:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4518:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4519:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4520:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4521:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4522:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4523:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4524:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4525:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4526:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4527:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4528:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4529:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4530:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4531:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4532:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4533:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4534:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4535:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4536:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4537:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4538:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4539:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4540:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4541:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4542:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4543:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4544:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4545:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4546:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4547:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4548:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4549:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4550:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4551:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4552:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4553:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4554:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4555:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4556:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4557:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4558:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4559:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4560:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4561:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4562:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4563:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4564:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4565:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4566:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4567:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4568:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4569:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4570:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4571:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4572:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4573:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4574:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4575:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4576:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4577:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4578:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4579:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4580:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4581:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4582:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4583:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4584:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4585:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4586:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4587:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4588:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4589:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4590:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4591:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4592:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4593:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4594:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4595:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4596:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4597:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4598:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4599:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4600:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4601:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4602:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4603:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4604:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4605:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4606:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4607:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4608:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4609:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4610:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4611:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4612:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4613:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4614:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4615:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4616:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4617:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4618:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4619:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4620:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4621:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4622:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4623:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4624:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4625:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4626:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4627:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4628:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4629:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4630:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4631:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4632:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4633:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4634:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4635:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4636:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4637:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4638:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4639:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4640:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4641:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4642:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4643:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4644:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4645:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4646:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4647:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4648:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4649:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4650:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4651:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4652:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4653:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4654:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4655:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4656:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4657:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4658:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4659:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4660:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4661:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4662:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4663:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4664:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4665:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4666:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4667:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4668:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4669:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4670:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4671:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4672:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4673:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4674:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4675:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4676:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4677:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4678:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4679:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4680:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4681:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4682:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4683:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4684:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4685:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4686:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4687:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4688:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4689:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4690:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4691:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4692:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4693:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4694:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4695:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4696:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4697:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4698:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4699:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4700:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4701:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4702:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4703:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4704:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4705:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4706:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4707:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4708:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4709:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4710:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4711:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4712:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4713:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4714:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4715:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4716:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4717:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4718:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4719:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4720:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4721:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4722:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4723:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4724:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4725:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4726:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4727:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4728:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4729:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4730:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4731:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4732:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4733:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4734:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4735:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4736:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4737:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4738:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4739:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4740:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4741:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4742:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4743:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4744:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4745:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4746:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4747:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4748:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4749:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4750:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4751:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4752:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4753:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4754:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4755:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4756:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4757:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4758:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4759:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4760:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4761:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4762:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4763:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4764:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4765:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4766:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4767:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4768:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4769:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4770:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4771:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4772:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4773:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4774:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4775:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4776:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4777:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4778:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4779:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4780:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4781:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4782:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4783:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4784:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4785:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4786:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4787:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4788:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4789:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4790:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4791:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4792:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4793:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4794:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4795:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4796:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4797:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4798:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4799:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4800:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4801:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4802:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4803:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4804:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4805:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4806:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4807:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4808:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4809:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4810:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4811:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4812:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4813:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4814:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4815:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4816:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4817:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4818:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4819:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4820:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4821:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4822:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4823:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4824:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4825:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4826:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4827:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4828:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4829:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4830:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4831:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4832:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4833:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4834 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4834:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4835 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4835:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4836 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4836:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4837 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4837:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4838 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4838:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4839 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4839:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4840 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4840:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4841 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4841:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4842 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4842:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4843 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4843:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4844 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4844:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4845 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4845:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4846 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4846:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4847 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4847:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4848 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4848:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4849 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4849:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4850 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4850:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4851 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4851:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4852 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4852:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4853 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4853:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4854 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4854:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4855 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4855:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4856 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4856:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4857 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4857:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4858 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4858:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4859 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4859:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4860 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4860:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4861 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4861:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4862 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4862:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4863 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4863:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4864 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4864:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4865 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4865:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4866 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4866:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4867 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4867:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4868 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4868:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4869 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4869:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4870 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4870:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4871 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4871:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4872 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4872:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4873 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4873:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4874 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4874:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4875 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4875:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4876 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4876:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4877 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4877:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4878 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4878:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4879 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4879:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4880 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4880:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4881 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4881:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4882 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4882:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4883 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4883:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4884 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4884:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4885 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4885:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4886 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4886:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4887:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4888 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4888:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4889 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4889:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4890 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4890:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4891 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4891:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4892 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4892:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4893 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4893:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4894 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4894:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4895 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4895:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4896 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4896:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4897 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4897:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4898 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4898:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4899 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4899:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4900 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4900:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4901 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4901:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4902:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4903 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4903:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4904 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4904:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4905 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4905:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4906 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4906:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4907:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4908 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4908:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4909 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4909:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4910 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4910:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4911 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4911:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4912 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4912:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4913 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4913:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4914 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4914:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4915 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4915:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4916 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4916:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4917 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4917:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4918 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4918:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4919 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4919:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4920 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4920:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4921 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4921:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4922 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4922:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4923 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4923:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4924 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4924:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4925 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4925:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4926 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4926:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4927 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4927:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4928 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4928:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4929 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4929:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4930 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4930:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4931 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4931:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4932 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4932:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4933 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4933:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4934 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4934:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4935 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4935:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4936 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4936:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4937 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4937:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4938 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4938:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4939 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4939:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4940 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4940:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4941 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4941:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4942 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4942:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4943 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4943:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4944 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4944:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4945 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4945:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4946 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4946:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4947 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4947:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4948 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4948:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4949 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4949:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4950 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4950:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4951 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4951:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4952 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4952:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4953 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4953:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4954 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4954:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4955 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4955:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4956 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4956:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4957 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4957:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4958 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4958:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4959 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4959:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4960 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4960:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4961 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4961:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4962 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4962:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4963 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4963:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4964 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4964:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4965 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4965:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4966 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4966:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4967 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4967:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4968 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4968:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4969 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4969:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-4970 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4970:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-4971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4971:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-4972 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4972:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-4973 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4973:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-4974 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4974:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-4975 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4975:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-4976 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4976:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-4977 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4977:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-4978 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4978:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-4979 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4979:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-4980 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4980:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-4981 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4981:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-4982 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4982:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-4983 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4983:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-4984 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4984:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-4985 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4985:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-4986 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4986:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-4987 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4987:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-4988 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4988:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-4989 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4989:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-4990 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4990:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-4991 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4991:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-4992 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4992:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-4993 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4993:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-4994 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4994:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-4995 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4995:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-4996 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4996:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-4997 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4997:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-4998 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4998:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-4999 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-4999:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5000 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5000:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5001 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5001:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5002 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5002:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5003 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5003:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5004 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5004:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5005 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5005:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5006 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5006:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5007 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5007:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5008 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5008:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5009:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5010 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5010:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5011:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5012 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5012:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5013 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5013:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5014 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5014:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5015 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5015:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5016 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5016:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5017 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5017:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5018 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5018:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5019 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5019:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5020 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5020:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5021 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5021:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5022 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5022:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5023 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5023:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5024 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5024:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5025 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5025:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5026 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5026:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5027 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5027:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5028 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5028:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5029 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5029:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5030 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5030:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5031 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5031:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5032 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5032:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5033 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5033:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5034 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5034:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5035 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5035:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5036:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5037 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5037:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5038 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5038:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5039 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5039:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5040 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5040:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5041 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5041:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5042 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5042:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5043 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5043:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5044 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5044:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5045 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5045:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5046 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5046:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5047 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5047:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5048 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5048:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5049 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5049:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5050 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5050:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5051 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5051:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5052 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5052:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5053 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5053:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5054 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5054:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5055 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5055:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5056 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5056:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5057 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5057:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5058 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5058:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5059 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5059:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5060 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5060:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5061 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5061:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5062 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5062:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5063 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5063:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5064 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5064:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5065 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5065:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5066 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5066:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5067 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5067:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5068 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5068:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5069 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5069:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5070 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5070:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5071 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5071:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5072 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5072:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5073 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5073:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5074 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5074:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5075 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5075:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5076 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5076:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5077 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5077:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5078 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5078:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5079 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5079:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5080 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5080:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5081 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5081:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5082 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5082:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5083 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5083:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5084 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5084:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5085 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5085:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5086 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5086:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5087 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5087:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5088 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5088:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5089 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5089:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5090 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5090:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5091 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5091:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5092 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5092:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5093 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5093:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5094 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5094:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5095 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5095:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5096 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5096:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5097 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5097:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5098 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5098:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5099 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5099:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5100 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5100:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5101 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5101:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5102 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5102:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5103 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5103:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5104 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5104:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5105 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5105:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5106 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5106:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5107 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5107:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5108 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5108:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5109 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5109:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5110 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5110:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5111:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5112 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5112:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5113:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5114 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5114:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5115 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5115:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5116 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5116:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5117 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5117:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5118 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5118:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5119:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5120 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5120:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5121 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5121:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5122 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5122:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5123 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5123:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5124 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5124:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5125 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5125:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5126 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5126:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5127 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5127:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5128 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5128:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5129 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5129:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5130 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5130:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5131 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5131:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5132:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5133 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5133:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5134 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5134:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5135 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5135:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5136 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5136:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5137 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5137:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5138 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5138:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5139 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5139:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5140 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5140:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5141:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5142 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5142:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5143 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5143:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5144 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5144:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5145 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5145:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5146 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5146:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5147 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5147:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5148 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5148:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5149 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5149:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5150 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5150:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5151 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5151:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5152 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5152:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5153 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5153:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5154 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5154:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5155:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5156 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5156:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5157 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5157:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5158 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5158:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5159 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5159:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5160 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5160:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5161 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5161:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5162 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5162:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5163 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5163:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5164 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5164:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5165 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5165:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5166 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5166:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5167 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5167:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5168:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5169 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5169:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5170 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5170:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5171 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5171:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5172 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5172:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5173 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5173:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5174 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5174:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5175 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5175:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5176 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5176:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5177 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5177:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5178 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5178:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5179 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5179:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5180 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5180:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5181 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5181:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5182 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5182:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5183 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5183:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5184 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5184:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5185 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5185:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5186 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5186:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5187 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5187:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5188 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5188:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5189:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5190 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5190:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5191 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5191:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5192 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5192:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5193 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5193:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5194 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5194:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5195 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5195:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5196 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5196:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5197 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5197:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5198 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5198:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5199 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5199:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5200:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5201 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5201:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5202 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5202:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5203 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5203:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5204 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5204:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5205 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5205:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5206 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5206:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5207 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5207:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5208 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5208:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5209 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5209:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5210 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5210:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5211:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5212 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5212:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5213 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5213:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5214 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5214:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5215 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5215:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5216 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5216:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5217 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5217:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5218 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5218:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5219 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5219:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5220 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5220:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5221 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5221:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5222 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5222:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5223 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5223:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5224 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5224:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5225 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5225:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5226 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5226:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5227 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5227:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5228 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5228:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5229 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5229:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5230 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5230:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5231 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5231:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5232 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5232:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5233 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5233:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5234 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5234:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5235 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5235:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5236 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5236:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5237 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5237:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5238 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5238:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5239 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5239:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5240 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5240:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5241 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5241:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5242 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5242:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5243 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5243:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5244 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5244:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5245 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5245:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5246 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5246:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5247 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5247:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5248 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5248:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5249 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5249:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5250 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5250:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5251 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5251:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5252 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5252:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5253 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5253:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5254 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5254:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5255 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5255:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5256 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5256:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5257 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5257:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5258 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5258:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5259 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5259:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5260 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5260:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5261 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5261:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5262 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5262:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5263 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5263:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5264 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5264:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5265 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5265:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5266 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5266:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5267 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5267:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5268 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5268:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5269 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5269:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5270 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5270:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5271 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5271:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5272 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5272:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5273 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5273:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5274 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5274:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5275 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5275:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5276 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5276:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5277 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5277:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5278 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5278:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5279 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5279:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5280 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5280:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5281 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5281:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5282:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5283 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5283:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5284 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5284:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5285 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5285:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5286 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5286:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5287 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5287:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5288 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5288:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5289 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5289:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5290 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5290:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5291 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5291:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5292 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5292:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5293 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5293:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5294 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5294:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5295 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5295:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5296 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5296:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5297 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5297:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5298 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5298:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5299 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5299:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5300 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5300:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5301 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5301:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5302 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5302:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5303 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5303:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5304 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5304:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5305 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5305:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5306 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5306:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5307 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5307:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5308 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5308:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5309 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5309:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5310 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5310:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5311 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5311:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5312 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5312:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5313 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5313:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5314 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5314:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5315 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5315:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5316 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5316:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5317 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5317:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5318 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5318:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5319 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5319:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5320 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5320:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5321 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5321:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5322 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5322:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5323 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5323:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5324 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5324:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5325 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5325:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5326 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5326:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5327 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5327:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5328 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5328:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5329 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5329:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5330 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5330:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5331 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5331:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5332 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5332:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5333 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5333:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5334 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5334:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5335 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5335:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5336 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5336:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5337 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5337:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5338 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5338:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5339 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5339:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5340 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5340:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5341 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5341:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5342 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5342:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5343 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5343:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5344 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5344:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5345 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5345:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5346 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5346:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5347 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5347:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5348 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5348:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5349 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5349:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5350 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5350:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5351 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5351:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5352 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5352:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5353 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5353:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5354 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5354:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5355 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5355:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5356 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5356:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5357 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5357:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5358 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5358:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5359 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5359:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5360:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5361 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5361:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5362 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5362:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5363 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5363:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5364 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5364:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5365 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5365:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5366 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5366:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5367 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5367:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5368 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5368:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5369 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5369:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5370 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5370:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5371 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5371:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5372 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5372:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5373 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5373:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5374 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5374:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5375 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5375:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5376 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5376:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5377 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5377:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5378 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5378:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5379 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5379:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5380 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5380:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5381 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5381:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5382 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5382:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5383 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5383:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5384 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5384:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5385 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5385:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5386 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5386:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5387 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5387:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5388 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5388:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5389 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5389:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5390 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5390:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5391 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5391:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5392 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5392:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5393 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5393:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5394 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5394:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5395 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5395:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5396 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5396:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5397 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5397:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5398 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5398:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5399 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5399:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5400 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5400:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5401 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5401:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5402 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5402:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5403 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5403:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5404:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5405 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5405:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5406 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5406:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5407 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5407:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5408 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5408:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5409 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5409:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5410 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5410:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5411 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5411:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5412 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5412:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5413 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5413:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5414 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5414:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5415 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5415:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5416 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5416:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5417 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5417:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5418 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5418:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5419 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5419:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5420 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5420:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5421 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5421:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5422 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5422:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5423 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5423:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5424 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5424:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5425 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5425:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5426 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5426:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5427 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5427:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5428 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5428:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5429 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5429:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5430 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5430:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5431 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5431:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5432 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5432:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5433 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5433:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5434 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5434:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5435 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5435:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5436 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5436:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5437 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5437:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5438 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5438:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5439 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5439:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5440:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5441 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5441:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5442 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5442:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5443 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5443:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5444 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5444:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5445 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5445:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5446 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5446:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5447 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5447:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5448 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5448:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5449:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5450 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5450:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5451 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5451:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5452 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5452:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5453 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5453:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5454 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5454:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5455 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5455:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5456 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5456:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5457 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5457:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5458 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5458:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5459 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5459:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5460 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5460:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5461 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5461:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5462 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5462:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5463 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5463:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5464 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5464:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5465 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5465:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5466 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5466:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5467 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5467:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5468 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5468:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5469 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5469:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5470 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5470:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5471 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5471:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5472 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5472:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5473 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5473:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5474 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(74, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5474:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5475 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(75, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5475:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5476 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(76, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5476:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5477 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(77, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5477:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5478 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(78, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5478:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5479 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(79, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5479:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5480 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(80, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5480:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5481 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(81, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5481:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5482 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(82, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5482:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5483 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(83, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5483:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5484 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(84, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5484:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5485 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(85, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5485:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5486 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(86, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5486:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5487 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(87, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5487:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5488 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(88, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5488:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5489 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(89, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5489:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5490 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(90, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5490:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5491 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(91, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5491:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5492 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(92, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5492:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5493 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(93, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5493:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5494 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(94, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5494:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5495 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(95, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5495:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5496 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(96, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5496:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5497 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(97, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5497:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5498 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(98, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5498:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5499 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(99, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5499:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5500 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(100, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5500:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5501 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(101, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5501:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5502 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(102, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5502:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5503 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(103, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5503:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5504 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(104, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5504:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5505 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(105, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5505:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5506 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(106, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5506:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5507 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(107, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5507:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5508 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(108, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5508:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5509 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(109, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5509:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5510 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(110, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5510:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5511 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(111, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5511:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5512 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(112, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5512:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5513 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(113, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5513:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5514 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(114, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5514:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5515 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(115, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5515:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5516 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(116, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5516:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(117, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5517:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5518 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(118, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5518:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5519 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(119, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5519:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5520 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(120, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5520:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5521 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(121, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5521:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5522 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(122, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5522:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5523 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(123, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5523:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5524 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(124, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5524:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5525 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(125, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5525:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5526 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(126, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5526:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5527 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(127, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5527:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5528 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(128, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5528:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5529 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(129, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5529:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5530 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(130, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5530:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5531 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(131, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5531:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5532 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(132, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5532:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5533 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(133, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5533:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5534 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 14px;
    background-color: hsl(134, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5534:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5535 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 15px;
    background-color: hsl(135, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5535:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5536 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 16px;
    background-color: hsl(136, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5536:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5537 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 17px;
    background-color: hsl(137, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5537:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5538 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 18px;
    background-color: hsl(138, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5538:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5539 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 19px;
    background-color: hsl(139, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5539:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5540 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 0px;
    background-color: hsl(140, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5540:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5541 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 1px;
    background-color: hsl(141, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5541:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5542 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 2px;
    background-color: hsl(142, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5542:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5543 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 3px;
    background-color: hsl(143, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5543:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5544 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 4px;
    background-color: hsl(144, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5544:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5545 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 5px;
    background-color: hsl(145, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5545:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5546 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 6px;
    background-color: hsl(146, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5546:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5547 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 7px;
    background-color: hsl(147, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5547:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5548 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 8px;
    background-color: hsl(148, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5548:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5549 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 9px;
    background-color: hsl(149, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5549:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5550 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 10px;
    background-color: hsl(150, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5550:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5551 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 11px;
    background-color: hsl(151, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5551:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5552 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 12px;
    background-color: hsl(152, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5552:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5553 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 13px;
    background-color: hsl(153, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5553:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5554 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 14px;
    background-color: hsl(154, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5554:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5555 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 15px;
    background-color: hsl(155, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5555:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5556 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 16px;
    background-color: hsl(156, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5556:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5557 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 17px;
    background-color: hsl(157, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5557:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5558 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 18px;
    background-color: hsl(158, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5558:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5559 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 19px;
    background-color: hsl(159, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5559:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5560 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 0px;
    background-color: hsl(160, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5560:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5561 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 1px;
    background-color: hsl(161, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5561:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5562 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 2px;
    background-color: hsl(162, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5562:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5563 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 3px;
    background-color: hsl(163, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5563:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5564 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 4px;
    background-color: hsl(164, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5564:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5565 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 5px;
    background-color: hsl(165, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5565:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5566 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 6px;
    background-color: hsl(166, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5566:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5567 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 7px;
    background-color: hsl(167, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5567:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5568 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 8px;
    background-color: hsl(168, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5568:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5569 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 9px;
    background-color: hsl(169, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5569:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5570 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 10px;
    background-color: hsl(170, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5570:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5571 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 11px;
    background-color: hsl(171, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5571:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5572 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 12px;
    background-color: hsl(172, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5572:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5573 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 13px;
    background-color: hsl(173, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5573:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5574 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 14px;
    background-color: hsl(174, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5574:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5575 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 15px;
    background-color: hsl(175, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5575:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5576 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 16px;
    background-color: hsl(176, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5576:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5577 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 17px;
    background-color: hsl(177, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5577:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5578 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 18px;
    background-color: hsl(178, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5578:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5579 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 19px;
    background-color: hsl(179, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5579:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5580 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 0px;
    background-color: hsl(180, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5580:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5581 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 1px;
    background-color: hsl(181, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5581:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5582 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 2px;
    background-color: hsl(182, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5582:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5583 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 3px;
    background-color: hsl(183, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5583:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5584 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 4px;
    background-color: hsl(184, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5584:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5585 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 5px;
    background-color: hsl(185, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5585:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5586 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 6px;
    background-color: hsl(186, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5586:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5587 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 7px;
    background-color: hsl(187, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5587:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5588 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 8px;
    background-color: hsl(188, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5588:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5589 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 9px;
    background-color: hsl(189, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5589:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5590 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 10px;
    background-color: hsl(190, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5590:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5591 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 11px;
    background-color: hsl(191, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5591:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5592 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 12px;
    background-color: hsl(192, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5592:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5593 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 13px;
    background-color: hsl(193, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5593:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5594 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 14px;
    background-color: hsl(194, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5594:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5595 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 15px;
    background-color: hsl(195, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5595:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5596 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 16px;
    background-color: hsl(196, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5596:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5597 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 17px;
    background-color: hsl(197, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5597:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5598 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 18px;
    background-color: hsl(198, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5598:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5599 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 19px;
    background-color: hsl(199, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5599:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5600 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    background-color: hsl(200, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5600:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5601 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 1px;
    background-color: hsl(201, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5601:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5602 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 2px;
    background-color: hsl(202, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5602:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5603 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 3px;
    background-color: hsl(203, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5603:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5604 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 4px;
    background-color: hsl(204, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5604:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5605 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 5px;
    background-color: hsl(205, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5605:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5606 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 6px;
    background-color: hsl(206, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5606:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5607 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 7px;
    background-color: hsl(207, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5607:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5608 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 8px;
    background-color: hsl(208, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5608:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5609 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 9px;
    background-color: hsl(209, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5609:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5610 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 10px;
    background-color: hsl(210, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5610:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5611 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 11px;
    background-color: hsl(211, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5611:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5612 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 12px;
    background-color: hsl(212, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5612:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5613 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 13px;
    background-color: hsl(213, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5613:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5614 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 14px;
    background-color: hsl(214, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5614:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5615 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 15px;
    background-color: hsl(215, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5615:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5616 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 16px;
    background-color: hsl(216, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5616:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5617 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 17px;
    background-color: hsl(217, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5617:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5618 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 18px;
    background-color: hsl(218, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5618:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5619 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 19px;
    background-color: hsl(219, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5619:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5620 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 0px;
    background-color: hsl(220, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5620:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5621 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 1px;
    background-color: hsl(221, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5621:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5622 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 2px;
    background-color: hsl(222, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5622:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5623 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 3px;
    background-color: hsl(223, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5623:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5624 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 4px;
    background-color: hsl(224, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5624:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5625 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 5px;
    background-color: hsl(225, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5625:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5626 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 6px;
    background-color: hsl(226, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5626:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5627 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 7px;
    background-color: hsl(227, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5627:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5628 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 8px;
    background-color: hsl(228, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5628:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5629 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 9px;
    background-color: hsl(229, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5629:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5630 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 10px;
    background-color: hsl(230, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5630:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5631 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 11px;
    background-color: hsl(231, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5631:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5632 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 12px;
    background-color: hsl(232, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5632:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5633 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 13px;
    background-color: hsl(233, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5633:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5634 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 14px;
    background-color: hsl(234, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5634:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5635 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 15px;
    background-color: hsl(235, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5635:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5636 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 16px;
    background-color: hsl(236, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5636:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5637 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 17px;
    background-color: hsl(237, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5637:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5638 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 18px;
    background-color: hsl(238, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5638:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5639 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 19px;
    background-color: hsl(239, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5639:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5640 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 0px;
    background-color: hsl(240, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5640:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5641 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 1px;
    background-color: hsl(241, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5641:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5642 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 2px;
    background-color: hsl(242, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5642:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5643 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 3px;
    background-color: hsl(243, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5643:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5644 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 4px;
    background-color: hsl(244, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5644:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5645 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 5px;
    background-color: hsl(245, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5645:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5646 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 6px;
    background-color: hsl(246, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5646:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5647 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 7px;
    background-color: hsl(247, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5647:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5648 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 8px;
    background-color: hsl(248, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5648:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5649 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 9px;
    background-color: hsl(249, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5649:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5650 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 10px;
    background-color: hsl(250, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5650:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5651 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 11px;
    background-color: hsl(251, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5651:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5652 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 12px;
    background-color: hsl(252, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5652:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5653 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 13px;
    background-color: hsl(253, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5653:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5654 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 14px;
    background-color: hsl(254, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5654:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5655 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 15px;
    background-color: hsl(255, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5655:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5656 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 16px;
    background-color: hsl(256, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5656:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5657 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 17px;
    background-color: hsl(257, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5657:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5658 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 18px;
    background-color: hsl(258, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5658:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5659 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 19px;
    background-color: hsl(259, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5659:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5660 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0px;
    background-color: hsl(260, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5660:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5661 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 1px;
    background-color: hsl(261, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5661:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5662 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 2px;
    background-color: hsl(262, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5662:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5663 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 3px;
    background-color: hsl(263, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5663:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5664 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 4px;
    background-color: hsl(264, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5664:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5665 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 5px;
    background-color: hsl(265, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5665:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5666 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 6px;
    background-color: hsl(266, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5666:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5667 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 7px;
    background-color: hsl(267, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5667:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5668 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 8px;
    background-color: hsl(268, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5668:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5669 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 9px;
    background-color: hsl(269, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5669:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5670 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 10px;
    background-color: hsl(270, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5670:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5671 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 11px;
    background-color: hsl(271, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5671:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5672 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 12px;
    background-color: hsl(272, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5672:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5673 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 13px;
    background-color: hsl(273, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5673:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5674 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 14px;
    background-color: hsl(274, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5674:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5675 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 15px;
    background-color: hsl(275, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5675:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5676 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 16px;
    background-color: hsl(276, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5676:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5677 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 17px;
    background-color: hsl(277, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5677:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5678 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 18px;
    background-color: hsl(278, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5678:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5679 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 19px;
    background-color: hsl(279, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5679:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5680 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 0px;
    background-color: hsl(280, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5680:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5681 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 1px;
    background-color: hsl(281, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5681:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5682 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 2px;
    background-color: hsl(282, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5682:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5683 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 3px;
    background-color: hsl(283, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5683:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5684 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 14px;
    margin: 4px;
    background-color: hsl(284, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5684:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5685 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 15px;
    margin: 5px;
    background-color: hsl(285, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5685:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5686 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 16px;
    margin: 6px;
    background-color: hsl(286, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5686:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5687 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 17px;
    margin: 7px;
    background-color: hsl(287, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5687:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5688 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 18px;
    margin: 8px;
    background-color: hsl(288, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5688:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5689 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 19px;
    margin: 9px;
    background-color: hsl(289, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5689:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5690 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    margin: 10px;
    background-color: hsl(290, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5690:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5691 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 21px;
    margin: 11px;
    background-color: hsl(291, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5691:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5692 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 22px;
    margin: 12px;
    background-color: hsl(292, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5692:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5693 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 23px;
    margin: 13px;
    background-color: hsl(293, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5693:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5694 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 24px;
    margin: 14px;
    background-color: hsl(294, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5694:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5695 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 25px;
    margin: 15px;
    background-color: hsl(295, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5695:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5696 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 26px;
    margin: 16px;
    background-color: hsl(296, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5696:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5697 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 27px;
    margin: 17px;
    background-color: hsl(297, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5697:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5698 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 28px;
    margin: 18px;
    background-color: hsl(298, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5698:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5699 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 29px;
    margin: 19px;
    background-color: hsl(299, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5699:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5700 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    margin: 0px;
    background-color: hsl(300, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5700:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5701 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 1px;
    margin: 1px;
    background-color: hsl(301, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5701:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5702 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 2px;
    margin: 2px;
    background-color: hsl(302, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5702:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5703 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 3px;
    margin: 3px;
    background-color: hsl(303, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5703:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5704 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    margin: 4px;
    background-color: hsl(304, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5704:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5705 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    margin: 5px;
    background-color: hsl(305, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5705:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5706 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 6px;
    margin: 6px;
    background-color: hsl(306, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5706:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5707 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 7px;
    margin: 7px;
    background-color: hsl(307, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5707:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5708 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin: 8px;
    background-color: hsl(308, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5708:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5709 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 9px;
    margin: 9px;
    background-color: hsl(309, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5709:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5710 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin: 10px;
    background-color: hsl(310, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5710:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5711 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 11px;
    margin: 11px;
    background-color: hsl(311, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5711:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5712 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    margin: 12px;
    background-color: hsl(312, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5712:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5713 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    margin: 13px;
    background-color: hsl(313, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5713:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5714 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 14px;
    margin: 14px;
    background-color: hsl(314, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5714:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5715 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    margin: 15px;
    background-color: hsl(315, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5715:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5716 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px;
    margin: 16px;
    background-color: hsl(316, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5716:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5717 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 17px;
    margin: 17px;
    background-color: hsl(317, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5717:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5718 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 18px;
    margin: 18px;
    background-color: hsl(318, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5718:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5719 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 19px;
    margin: 19px;
    background-color: hsl(319, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5719:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5720 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    margin: 0px;
    background-color: hsl(320, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5720:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5721 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 21px;
    margin: 1px;
    background-color: hsl(321, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5721:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5722 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 22px;
    margin: 2px;
    background-color: hsl(322, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5722:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5723 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 23px;
    margin: 3px;
    background-color: hsl(323, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5723:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5724 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px;
    margin: 4px;
    background-color: hsl(324, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5724:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5725 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
    margin: 5px;
    background-color: hsl(325, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5725:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5726 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 26px;
    margin: 6px;
    background-color: hsl(326, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5726:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5727 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 27px;
    margin: 7px;
    background-color: hsl(327, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5727:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5728 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 28px;
    margin: 8px;
    background-color: hsl(328, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5728:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5729 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 29px;
    margin: 9px;
    background-color: hsl(329, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5729:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5730 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    margin: 10px;
    background-color: hsl(330, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5730:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5731 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 1px;
    margin: 11px;
    background-color: hsl(331, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5731:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5732 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 2px;
    margin: 12px;
    background-color: hsl(332, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5732:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5733 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 3px;
    margin: 13px;
    background-color: hsl(333, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5733:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5734 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 4px;
    margin: 14px;
    background-color: hsl(334, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5734:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5735 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 5px;
    margin: 15px;
    background-color: hsl(335, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5735:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5736 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 6px;
    margin: 16px;
    background-color: hsl(336, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5736:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5737 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 7px;
    margin: 17px;
    background-color: hsl(337, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5737:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5738 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    margin: 18px;
    background-color: hsl(338, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5738:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5739 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 9px;
    margin: 19px;
    background-color: hsl(339, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5739:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5740 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    margin: 0px;
    background-color: hsl(340, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5740:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5741 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 11px;
    margin: 1px;
    background-color: hsl(341, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5741:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5742 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 12px;
    margin: 2px;
    background-color: hsl(342, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5742:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5743 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 13px;
    margin: 3px;
    background-color: hsl(343, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5743:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5744 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 14px;
    margin: 4px;
    background-color: hsl(344, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5744:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5745 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 15px;
    margin: 5px;
    background-color: hsl(345, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5745:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5746 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 16px;
    margin: 6px;
    background-color: hsl(346, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5746:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5747 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 17px;
    margin: 7px;
    background-color: hsl(347, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5747:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5748 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 18px;
    margin: 8px;
    background-color: hsl(348, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5748:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5749 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 19px;
    margin: 9px;
    background-color: hsl(349, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5749:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5750 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    margin: 10px;
    background-color: hsl(350, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5750:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5751 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 21px;
    margin: 11px;
    background-color: hsl(351, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5751:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5752 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 22px;
    margin: 12px;
    background-color: hsl(352, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5752:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5753 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 23px;
    margin: 13px;
    background-color: hsl(353, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5753:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5754 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 24px;
    margin: 14px;
    background-color: hsl(354, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5754:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5755 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
    margin: 15px;
    background-color: hsl(355, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5755:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5756 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 26px;
    margin: 16px;
    background-color: hsl(356, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5756:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5757 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 27px;
    margin: 17px;
    background-color: hsl(357, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5757:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5758 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 28px;
    margin: 18px;
    background-color: hsl(358, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5758:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5759 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 29px;
    margin: 19px;
    background-color: hsl(359, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5759:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5760 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin: 0px;
    background-color: hsl(0, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5760:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5761 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 1px;
    margin: 1px;
    background-color: hsl(1, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5761:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5762 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 2px;
    margin: 2px;
    background-color: hsl(2, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5762:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5763 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 3px;
    margin: 3px;
    background-color: hsl(3, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5763:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5764 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 4px;
    margin: 4px;
    background-color: hsl(4, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5764:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5765 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    margin: 5px;
    background-color: hsl(5, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5765:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5766 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 6px;
    margin: 6px;
    background-color: hsl(6, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5766:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5767 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 7px;
    margin: 7px;
    background-color: hsl(7, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5767:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5768 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 8px;
    margin: 8px;
    background-color: hsl(8, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5768:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5769 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 9px;
    margin: 9px;
    background-color: hsl(9, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5769:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5770 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    margin: 10px;
    background-color: hsl(10, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5770:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5771 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 11px;
    margin: 11px;
    background-color: hsl(11, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5771:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5772 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 12px;
    margin: 12px;
    background-color: hsl(12, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5772:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5773 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    margin: 13px;
    background-color: hsl(13, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5773:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5774 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    margin: 14px;
    background-color: hsl(14, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5774:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5775 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    margin: 15px;
    background-color: hsl(15, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5775:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5776 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 16px;
    margin: 16px;
    background-color: hsl(16, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5776:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5777 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 17px;
    margin: 17px;
    background-color: hsl(17, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5777:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5778 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 18px;
    margin: 18px;
    background-color: hsl(18, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5778:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5779 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 19px;
    margin: 19px;
    background-color: hsl(19, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5779:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5780 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    margin: 0px;
    background-color: hsl(20, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5780:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5781 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 21px;
    margin: 1px;
    background-color: hsl(21, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5781:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5782 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 22px;
    margin: 2px;
    background-color: hsl(22, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5782:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5783 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 23px;
    margin: 3px;
    background-color: hsl(23, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5783:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5784 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 34px 24px;
    margin: 4px;
    background-color: hsl(24, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5784:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5785 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 25px;
    margin: 5px;
    background-color: hsl(25, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5785:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5786 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 26px;
    margin: 6px;
    background-color: hsl(26, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5786:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5787 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 37px 27px;
    margin: 7px;
    background-color: hsl(27, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5787:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5788 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 28px;
    margin: 8px;
    background-color: hsl(28, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5788:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5789 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 29px;
    margin: 9px;
    background-color: hsl(29, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5789:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5790 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
    margin: 10px;
    background-color: hsl(30, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5790:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5791 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 1px;
    margin: 11px;
    background-color: hsl(31, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5791:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5792 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 2px;
    margin: 12px;
    background-color: hsl(32, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5792:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5793 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 43px 3px;
    margin: 13px;
    background-color: hsl(33, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5793:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5794 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 4px;
    margin: 14px;
    background-color: hsl(34, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5794:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5795 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 5px;
    margin: 15px;
    background-color: hsl(35, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5795:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5796 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 46px 6px;
    margin: 16px;
    background-color: hsl(36, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5796:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5797 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 47px 7px;
    margin: 17px;
    background-color: hsl(37, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5797:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5798 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 8px;
    margin: 18px;
    background-color: hsl(38, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5798:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5799 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 49px 9px;
    margin: 19px;
    background-color: hsl(39, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5799:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5800 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin: 0px;
    background-color: hsl(40, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5800:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5801 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px 11px;
    margin: 1px;
    background-color: hsl(41, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5801:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5802 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    margin: 2px;
    background-color: hsl(42, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5802:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5803 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 13px;
    margin: 3px;
    background-color: hsl(43, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5803:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

.class-5804 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    margin: 4px;
    background-color: hsl(44, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5804:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.2);
}

.class-5805 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 5px;
    background-color: hsl(45, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5805:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.class-5806 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    margin: 6px;
    background-color: hsl(46, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5806:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.class-5807 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    margin: 7px;
    background-color: hsl(47, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5807:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
}

.class-5808 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    margin: 8px;
    background-color: hsl(48, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5808:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.2);
}

.class-5809 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 19px;
    margin: 9px;
    background-color: hsl(49, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5809:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
}

.class-5810 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin: 10px;
    background-color: hsl(50, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5810:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.class-5811 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 21px;
    margin: 11px;
    background-color: hsl(51, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5811:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.2);
}

.class-5812 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    margin: 12px;
    background-color: hsl(52, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5812:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.class-5813 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 23px;
    margin: 13px;
    background-color: hsl(53, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5813:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.class-5814 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    margin: 14px;
    background-color: hsl(54, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5814:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.2);
}

.class-5815 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    margin: 15px;
    background-color: hsl(55, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5815:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.class-5816 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    margin: 16px;
    background-color: hsl(56, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5816:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.2);
}

.class-5817 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 17px 27px;
    margin: 17px;
    background-color: hsl(57, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5817:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.2);
}

.class-5818 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    margin: 18px;
    background-color: hsl(58, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5818:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 28px rgba(0, 0, 0, 0.2);
}

.class-5819 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 29px;
    margin: 19px;
    background-color: hsl(59, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 19px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5819:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 29px rgba(0, 0, 0, 0.2);
}

.class-5820 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    margin: 0px;
    background-color: hsl(60, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5820:hover {
    transform: scale(1.05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.class-5821 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 1px;
    margin: 1px;
    background-color: hsl(61, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5821:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.class-5822 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 2px;
    margin: 2px;
    background-color: hsl(62, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5822:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.class-5823 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 23px 3px;
    margin: 3px;
    background-color: hsl(63, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5823:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.class-5824 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 4px;
    margin: 4px;
    background-color: hsl(64, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5824:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.class-5825 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 5px;
    margin: 5px;
    background-color: hsl(65, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5825:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.class-5826 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 6px;
    margin: 6px;
    background-color: hsl(66, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5826:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.class-5827 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 27px 7px;
    margin: 7px;
    background-color: hsl(67, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5827:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

.class-5828 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 28px 8px;
    margin: 8px;
    background-color: hsl(68, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5828:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.class-5829 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 29px 9px;
    margin: 9px;
    background-color: hsl(69, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5829:hover {
    transform: scale(1.05);
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
}

.class-5830 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px;
    margin: 10px;
    background-color: hsl(70, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5830:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.class-5831 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 31px 11px;
    margin: 11px;
    background-color: hsl(71, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5831:hover {
    transform: scale(1.05);
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.2);
}

.class-5832 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 12px;
    margin: 12px;
    background-color: hsl(72, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5832:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}

.class-5833 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 13px;
    margin: 13px;
    background-color: hsl(73, 50%, 50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.class-5833:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.2);
}

/* Total classes generated: 5834 */