.selfie{align-self:flex-start;width:100%;height:50%;min-height:25vh;display:inline-flex;position:relative}.selfiebg{background-image:url(https://www.avacollins.dev/vintage-ai.jpeg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}
.button{appearance:button;box-sizing:border-box;color:#0ff;cursor:pointer;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background-color:#000;background-image:none;border:0;border-radius:4px;width:35%;min-width:150px;height:50px;margin:0 15px;font-size:16px;font-weight:900;line-height:20px;display:inline-block;overflow:visible}.button--primary{color:#000;background-color:#0ff}.button--secondary{color:#0ff;background-color:#000}.button:focus{text-decoration:none}.button:hover{color:#000;background-color:#f0f;text-decoration:none}.button:active{background-color:#fff;outline:0}.button:not([disabled]):active{transform:translate(2px,2px)}
.intro,.about{justify-content:center;align-items:center;width:50%;padding:48px 24px 24px;display:flex}.intro{background-color:#000;flex-direction:column;height:100vh;display:flex}.flair{width:100%;height:25vh;min-height:200px;margin-top:1rem;position:relative}.about{background-color:#edf0f2;flex-direction:column;min-height:725px;padding-top:0}.abouttitle{align-self:flex-start;width:100%;height:35%;min-height:200px}.aboutsvg{background-image:url(https://www.avacollins.dev/about.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.abouttext{text-align:center;align-self:center;width:75%;margin-top:-1rem;padding-bottom:64px}.abouttext p{color:#000;font-size:1.25rem}.buttongroup{flex-direction:row;justify-content:center;align-self:flex-end;align-items:center;width:100%;min-height:150px;display:flex}@media screen and (max-width:740px){.main{flex-direction:column;min-height:fit-content}.about{width:100%;min-width:300px;min-height:100vh}.intro{flex-direction:column-reverse;width:100%;height:60vh;padding-top:0}.flair{margin-top:0}.hero{width:125%;height:50vh}.abouttitle{min-height:30vh}.buttongroup{flex-direction:column}.button{width:65%;margin-bottom:21px;display:block}}
.footer{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;margin:1rem 4rem;display:flex;position:relative}.footer h3{letter-spacing:3px;color:#0ff;margin:5vh 0;font-family:Twobit Bold;font-size:2rem;font-weight:400}.ouroboros{width:100%;min-width:50vw;height:100%;min-height:50vh;margin:5vh 0;position:relative}
.work,.play{background-color:#0ff;width:100vw;padding:48px 2rem;display:flex}.play{background-color:#f0f}.grid{grid-template-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(35vw,1fr));width:100%;min-width:300px;display:grid}.play .card h2{color:#f0f}@media screen and (max-width:650px){.grid{grid-template-columns:repeat(auto-fit,minmax(60vw,1fr));gap:1rem;width:100%;display:grid}}@media (min-width:920px){.grid{grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));gap:1rem;width:100%;display:grid}}
.slot,.firstslot{min-width:15vw;min-height:30vh;max-height:300px;margin:.5rem}.responsive{display:none}.firstresponsive{display:inline-block}.title{width:100%;padding-bottom:3.6rem}.title h1{color:#000;font-family:Twobit Bold;line-height:0}.card{background-color:#000;border-radius:1.1rem;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:100%;min-width:200px;height:100%;display:flex}.firstcard.card{width:100%;height:80%}.card:hover{background-color:#fff}.card:hover h2{color:#000}.cardimage{width:100%;min-height:8rem;margin-top:1rem;position:relative}.firstcard .cardimage{min-height:6rem}.card h2{color:#fff;letter-spacing:.25rem;text-align:center;align-self:center;font-size:1.8rem}@media screen and (max-width:650px){.slot{margin:0}}@media (min-width:920px){.slot,.firstslot{margin:.25rem}.firstslot .card{display:none}.firstresponsive{display:inline-block}.partial.responsive{display:none}.responsive{display:inline-block}}