/*
 * Google Bot Limit Test - CSS File
 * Target size: 1.2 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);
}

/* Total classes generated: 2803 */