body{display:flex}#main-panel{width:80%;position:relative}#img-panel{width:20%}main{padding-top:20px}main h2,main h1{color:var(--accent)}main h1{margin-bottom:20px;font-size:40px}@media(max-width:900px){#img-panel{display:none}#main-panel{width:100%}}#hero{margin-top:30px;background-color:#24243b4d;padding:10px}#encourage{margin-top:30px;margin-bottom:10px;display:flex;gap:20px;justify-content:center}#encourage a{color:var(--txt);border:1px solid var(--accent);padding:15px;border-radius:15px;text-decoration:none}#encourage a:hover{background-color:var(--accent)}#cards{display:flex;justify-content:space-evenly;margin-block:70px}#cards article{border:1px solid var(--accent);padding:15px;border-radius:15px;width:30%;height:8rem;display:flex;align-items:center;justify-content:center}#connect-card{margin-top:70px;border:1px solid var(--accent);padding:15px;border-radius:15px;width:74%;height:10rem;margin-inline:auto;display:flex;justify-content:space-between;gap:10px;padding-inline:50px}#connect-card article{display:flex;align-items:center}#ip-container{border:1px solid var(--accent);padding:15px;border-radius:15px;margin-top:10px}#ip-container button{background-color:transparent;border:none;color:var(--txt);cursor:pointer;margin-left:10px}#ip-container button:hover{color:#2bf32b}#connect-hook div{border:1px solid var(--accent);padding:15px;border-radius:15px}#connect-hook div a{color:var(--txt);text-decoration:none}#connect-hook div:hover{background-color:var(--accent)}@media(max-width:768px){#cards{flex-direction:column;align-items:center;gap:20px}#cards article{width:80%;height:auto;padding-block:25px}#connect-card{flex-direction:column;height:auto;width:80%;padding-inline:15px;text-align:center;gap:20px}#connect-card article{justify-content:center}#encourage{flex-direction:column;align-items:center;gap:10px}#encourage a{width:80%;text-align:center}footer{position:static!important;margin-top:50px}body{height:unset!important;min-height:100vh!important}}#img-panel{overflow:hidden;height:100%}.slider{display:flex;flex-direction:column;animation:scroll 50s linear infinite;gap:40px}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}#img-panel{background-color:#111;margin-right:50px}
/*# sourceMappingURL=index.css.map */