a{text-decoration:none;color:#333}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:#eee;z-index:-1}.intro-logo{height:60px}.intro-logo img{height:100%}.screenshot{height:700px;width:100%;object-fit:cover;margin-top:10%}.main-content{display:flex;flex-direction:row;padding-top:5%;width:100%;justify-content:center;flex-wrap:wrap}.intro{text-align:left}h1{font-family:Dela Gothic One,cursive;font-size:2.5rem;width:75%;margin:2% 0 5%;color:#333}.description{color:#333;font-weight:500;margin-top:16px;width:500px}ul{list-style-type:disc;padding-left:20px}.survey-button{margin-top:16px}.survey-button a{display:inline-block;padding:25px 40px;font-size:16px;background-color:#ff8800;color:#fff;text-decoration:none;border-radius:8px;cursor:pointer;transition:background-color .3s;border:2px solid #de680086}.survey-button a:hover{background-color:#e77b00}@media (max-width:600px){.intro{display:flex;justify-content:center;padding:0}.intro,.main-content{flex-direction:column;align-items:center}.description{width:90%}.intro h1{font-size:1.8rem;width:100%}.survey-button a{width:100%;padding:15px;text-align:center}}body{margin:0;height:100vh}.contact-page{padding:20px;position:relative}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-form label{font-weight:700;color:#bbbc}.contact-form input,.contact-form textarea{padding:10px;border:2px solid #de680086;border-radius:5px;resize:none}.contact-form button{padding:15px;font-size:16px;background-color:#ff8800;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.contact-form button:hover{background-color:#e77b00}.toast{margin-top:10px;color:white;background-color:green;padding:10px;border-radius:5px;transition:opacity .5s}@media (max-width:768px){.contact-page{padding:10px}.contact-form{gap:5px}.contact-form button,.contact-form input,.contact-form textarea,.toast{font-size:14px}}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;text-decoration:none}main{padding:5rem 0;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}code{background:#fafafa;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Courier New,monospace}.container{flex-direction:column;justify-content:center;align-items:center}.container,.showcase{height:100vh;display:flex}.showcase{flex:1 1;position:relative}.sidebar{width:250px!important;height:100vh;border-right:1px solid #ccc;transition:width .3s ease-in-out;position:absolute;left:0;top:0;z-index:900;background-color:white}.sidebar-hide{width:0;overflow:hidden}.sidebar-button{height:50px;width:50px;font-size:40px}@media only screen and (max-width:768px){.content-header{display:none}}.content-header{height:20%;color:white;margin-bottom:10px;width:100%}.listings{align-items:center;gap:15px;overflow-x:auto;max-height:calc(100vh - 200px);width:100%;position:relative}.listing-item,.listings{display:flex;padding:10px}.listing-item{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 30px) / 3);max-width:calc((100% - 30px) / 3);flex-direction:column;background-color:#fff;border:1px solid #ddd;border-radius:5px}.load-more{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:#007bff;color:white;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.load-more:hover{background-color:#0056b3}.load-more:before{content:">";font-size:20px;font-weight:700;color:white}