.section {
    padding: 1.5rem 0px;
}

ol {
    margin-left: 2rem;
}

html {
    scroll-snap-type: y proximity;
}

body {
    font-family: 'Inter';
    background-color: #f1f4f9;
    opacity: 0.9;
    background-image:  radial-gradient(#cbcccc 1px, transparent 1px), radial-gradient(#cbcccc 1px, #f1f4f9 1px);
    background-size: 40px 40px;
    background-position: 0 0,20px 20px;
}

.title {
    color: #050714;
}

.section {
    background-color: #f1f4f9;
    border-radius: 8px;
    scroll-snap-align: start;
    padding: 2rem;
    margin: 3rem 0rem;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.hero {
    padding: 5rem 0rem;
    background-color: rgb(41, 25, 112);
    color: #f1f4f9;
    scroll-snap-align: start;
}

.hero h1 {
    color: #f1f4f9;

}

.footer {
    height: 3rem;
    padding: 0.5rem;
    background-color: #f1f4f9;
}

.interest {
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 5vw;
    width: 10vw;
    object-fit: contain;
}

#grid {
    height: 20rem;
    width: 100%;
}

table tr td {
    font-size: 14px !important;
    align-items: center;
    padding: 2px !important;
}

.methodcontainer {
    background-color: #ffffff00;
    margin-top: 3rem;
}

.method {
    mix-blend-mode: multiply;
    object-fit: scale-down;
}

.container {
    padding: 0;
}