body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}main{align-items:center;display:flex;flex-direction:column;justify-content:center;perspective:1000px;position:relative}.background_image{height:99.8vh;object-fit:cover;opacity:0;transition:opacity 2s ease-in-out,filter 3s ease-in-out;width:99.8vw}.background_image.visible{opacity:1}main h1{color:#912d41;font-family:Dancing Script,cursive;font-size:5em;font-weight:700;left:50%;opacity:0;position:absolute;top:20%;transform:translate(-50%,-50%);transition:filter 2s ease-in-out;transition:opacity 1s ease-in-out;z-index:1}main h1.visible{opacity:1}.staff_box{color:#912d41;display:flex;filter:blur(.8px);font-family:Dancing Script,cursive;font-size:2em;font-weight:700;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:filter 2s ease-in-out;transition:opacity 3s ease-in-out;width:80vw;z-index:1}.staff_box.visible{opacity:1}.staff-member{border-radius:50%;padding:10px;position:relative;transition:transform .5s ease,box-shadow .5s ease;will-change:transform}.staff-member img{height:90%;object-fit:cover;transition:transform .5s ease;width:90%}.staff-member .staff-name{color:#912d41;font-size:.3em;font-weight:700;left:50%;opacity:0;position:absolute;text-shadow:0 2px 4px #000000b3;top:90%;transform:translate(-50%,-50%);transition:opacity .3s ease}.staff-member:hover .staff-name{opacity:1}#brain-chef:hover{transform:translateX(150px) scale(5)}#brain-chef:hover,#dotty:hover{background-color:#ffd3b6cc;box-shadow:0 20px 40px #00000080;z-index:1000}#dotty:hover{transform:translateX(20px) scale(5)}#herb:hover{transform:translateX(15px) scale(5)}#herb:hover,#octobear:hover{background-color:#ffd3b6cc;box-shadow:0 20px 40px #00000080;z-index:1000}#octobear:hover{transform:translateX(10px) scale(5)}#patch:hover{transform:translateX(5px) scale(5)}#patch:hover,#tux:hover{background-color:#ffd3b6cc;box-shadow:0 20px 40px #00000080;z-index:1000}#tux:hover{transform:translateX(-5px) scale(5)}#monsieur-moustache:hover{transform:translateX(-10px) scale(5)}#monsieur-moustache:hover,#py:hover{background-color:#ffd3b6cc;box-shadow:0 20px 40px #00000080;z-index:1000}#py:hover{transform:translateX(-15px) scale(5)}#retsko:hover{transform:translateX(-20px) scale(5)}#retsko:hover,#soapy:hover{background-color:#ffd3b6cc;box-shadow:0 20px 40px #00000080;z-index:1000}#soapy:hover{transform:translateX(-150px) scale(5)}.background_image.blur-effect{filter:blur(8px);transition:filter .5s ease}.enter{align-items:center;background:#0000;border:none;display:flex;gap:30px;justify-content:center;left:50%;opacity:0;position:absolute;top:70%;transform:translate(-52%,-50%);transition:filter 2s ease-in-out;transition:opacity 3s ease-in-out;width:90vw}.enter.visible{opacity:1}button{align-items:center;background:#0000;border:none;border-radius:50%;color:#912d41;display:flex;font-family:Dancing Script,cursive;font-size:5em;font-weight:700;gap:30px;justify-content:center;padding:10px;transition:transform .3s ease,box-shadow .3s ease;z-index:11}button:hover{box-shadow:0 15px 30px #0000004d;transform:scale(1.2)}.pastry{height:70px;width:70px}.pastry:hover{height:100px;width:100px}.come-in:hover{font-size:7em;transform:translateZ(10px) translateY(-10px) 2s ease-in-out}
/*# sourceMappingURL=main.e2d6ed5f.css.map*/