#dj-modal[data-v-52204f6e]{z-index:10;position:absolute;background-color:#fff;width:80vw;max-width:700px;max-height:80vh;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px rgba(0,0,0,.75));border-radius:10px;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;padding:40px;box-sizing:border-box;text-align:left}.dj-modal-heading[data-v-52204f6e]{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.dj-modal-heading>h1[data-v-52204f6e]{font-family:calluna;text-transform:uppercase;font-weight:600}.dj-modal-heading>img[data-v-52204f6e]{height:150px;width:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.dj-photo-gallery[data-v-52204f6e]{display:flex;align-items:center;overflow:scroll;position:relative;margin-top:20px}.dj-photo[data-v-52204f6e]{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;margin:0 10px;border-radius:8px}.dj-bio[data-v-52204f6e]{margin-top:50px;display:flex;flex-direction:column}#dj-promotion[data-v-52204f6e]{background-color:#b40000;position:absolute;right:0;top:20px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.75));color:#fff;width:-moz-fit-content;width:fit-content;font-family:bebas neue;padding:10px;margin:20px auto}.contact-info[data-v-52204f6e]{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px;border-top:1px solid #a9a9a9}@media (max-width:600px){.contact-info[data-v-52204f6e]{flex-direction:column;align-items:flex-start}}.or-button-text[data-v-52204f6e]{width:100%;text-align:center;font-weight:600}button[data-v-52204f6e]{background-color:#000;color:#fff;border:none;padding:10px 20px;margin:10px;cursor:pointer;font-family:bebas neue;border-radius:3px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}button[data-v-52204f6e]:hover{filter:drop-shadow(0 3px 3px rgba(0,0,0,.75))}button[data-v-52204f6e]:focus-visible{outline:2px solid #fff;outline-offset:2px}form[data-v-52204f6e]{margin-top:40px;display:flex;flex-direction:column;align-items:center}label[data-v-52204f6e]{width:90%}input[data-v-52204f6e],textarea[data-v-52204f6e]{width:80%;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:5px;transition:border-color .2s ease}input[data-v-52204f6e]:focus,textarea[data-v-52204f6e]:focus{border-color:#000;outline:none}textarea[data-v-52204f6e]{height:100px}.close-button[data-v-52204f6e]{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;z-index:11}.error-message[data-v-52204f6e]{color:red;font-style:italic;margin:10px 0}.contact-form[data-v-52204f6e]{margin-bottom:30px}.spinner[data-v-52204f6e]{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:14px;height:14px;animation:spin-52204f6e 1s linear infinite;display:inline-block;margin-right:5px}@keyframes spin-52204f6e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dj[data-v-d70a83b8]{display:flex;cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:200px;width:300px;scroll-snap-align:center;padding:0 3px}.dj:hover>.dj-image[data-v-d70a83b8]{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.promotion[data-v-d70a83b8]{background-color:#b40000;color:#fff;position:absolute;height:.5rem;margin:0;top:0;right:10px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.dj-image[data-v-d70a83b8]{width:100%;position:relative;background:#f9f9f9;border-radius:4px;overflow:hidden;aspect-ratio:2/1;background-size:cover;background-position:50%;max-width:100%}.dj-name[data-v-d70a83b8]{width:100%;background:none;font-weight:600;text-transform:uppercase;border:none;margin-top:.5rem;text-align:left;font-family:calluna;cursor:pointer}#cole-friends-page,#hero{display:flex;flex-direction:column;align-items:center}#hero{min-height:100vh;width:100vw;z-index:1;position:relative;justify-content:center}#hero-content{z-index:1;padding:20%;box-sizing:border-box;background-color:hsla(0,0%,100%,.75)}#hero-background{max-height:100vh;width:100vw}#djs{width:80%;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:50px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:8}