main {
    text-align: center;
    height: auto;
    overflow: visible;
}

div.product {
    display: block;
    /* height: 100%;
    width: 100%; */
    margin: auto;
    height: 280px;
    overflow: visible;
}

h2 {
    position: relative;
    z-index: 5;
}

h3 {
    position: relative;
    z-index: 5;
}

#origami {
    position: relative;
    /* transform: translate(-50%, 50%); */
    transform: scale(6);
    width: fit-content;
    height: auto;
    display: block;
    z-index: 100;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    background-color: transparent;
    margin-top: 29px;
    border: none;
}

#illumination {
    position: relative;
    z-index: 2;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    width: fit-content;
    transform: scale(6);
    background-color: transparent;
    border: none;
    margin-top: -160px;
}

.rainbow_letters {
    text-wrap: nowrap;
}

div.landing .links {
    margin-top: 22px;
}

div.landing h3 {
    display: inline-block;
    margin-top: -10px;
    width: fit-content;
    text-wrap: nowrap;
    text-align: center;
    padding: 0px;
}

div.landing span {
    display: inline-block;
    width: 250px;
    text-wrap: nowrap;
    text-align: center;
    padding: 0px;
}

div.landing a.buy {
    cursor: default;
}

a.buy h3 {
    opacity: 0.5;
    cursor: default;
}

#title {
    visibility: hidden;
    opacity: 0;
    margin-top: -100px;
    transition: all 1s ease-out;
}

#links {
    visibility: hidden;
    opacity: 0;
    transition: all 3s;
}

#links span {
    position: relative;
    margin-top: 8px;
}

a.learn b {
    transition: all 0s;
    opacity: 0;
    pointer-events: none;
}

a.buy b {
    transition: all 0s;
    opacity: 0;
    pointer-events: none;
}

.outofstock {
    position: absolute;
    padding: 2px;
    transform: translate(-25%, 0%);
    background-color: aliceblue;
    border: 4px solid black;
}

.unselectable {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.cursor {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    width: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    text-wrap: nowrap !important;
}

.cursor i {
    visibility: hidden;
    text-wrap: nowrap !important;
}

/* HOVERS */

a:hover ~ .cursor {
    visibility: visible;
}

div.landing a.learn:hover {
    text-decoration: none;
    cursor: pointer;
    /* opacity: 0.8; */
}
div.landing a.buy:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    /* opacity: 0.8; */
}

a.learn:hover b {
    opacity: 1;
}

a.buy:hover b {
    opacity: 1;
}

a.buy:hover .outofstock {
    opacity: 1;
}