body{font-family:Arial,Helvetica,sans-serif;margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.column{float:left;width:20%;padding:0 8px;margin:10px}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);margin:8px}.about-section{padding:10px;text-align:center;background-color:#1877F2;color:white}.container{padding:0 16px}.container::after,.row::after{content:"";clear:both;display:table}.title{color:grey}.button{display:inline-block;background-color:#1877F2;color:white;font-size:18px;font-weight:500;padding:8px 16px;margin-bottom:20px;border-radius:6px;border:3px solid #1877F2;transition:all 0.3s ease}.button:hover{background-color:rgb(206,39,184)}@media screen and (max-width:650px){.column{width:100%;display:block}}img{display:block;margin-left:auto;margin-right:auto}.logout{display:flex;float:right;text-decoration:none;color:white;transition:all 0.3s ease;padding:8px;border-radius:6px;top:15px;margin:15px}.logout:hover{color:black;background-color:white}h1{text-align:center}@media(max-width:768px){body{font-size:14px}}@media(max-width:480px){body{font-size:12px}}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:rgb(114,108,108);color:white;text-align:center;padding:5px;margin:0}.mybutton{position:relative;width:120px;height:40px;background-color:#000;display:flex;align-items:center;color:white;flex-direction:column;justify-content:center;border:none;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.mybutton::before{content:'';position:absolute;inset:0;left:-4px;top:-1px;margin:auto;width:128px;height:48px;border-radius:10px;background:linear-gradient(-45deg,#e81cff 0%,#40c9ff 100%);z-index:-10;pointer-events:none;transition:all 0.6s cubic-bezier(0.175,0.885,0.32,1.275)}.mybutton::after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#fc00ff 0%,#00dbde 100%);transform:translate3d(0,0,0) scale(0.95);filter:blur(20px)}.mybutton:hover::after{filter:blur(30px)}.mybutton:hover::before{transform:rotate(-180deg)}.mybutton:active::before{scale:0.7}