.main-container{width:400px;height:550px;position:absolute;left:0;right:0;top:15%;margin:0 auto;background-color:rgba(255,255,255,0.15);backdrop-filter:blur(5px);border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:7.4px 14.7px 14.7px rgba(0,0,0,0.15)}body{background-color:#D6A199;overflow:hidden}.main-buttongroup{display:flex;flex-direction:column;width:80%;margin:16px auto}.main-button{padding:16px;border:solid #EADDD5;border-radius:35px;font-family:ubuntu;color:#EADDD5;background-color:rgba(214,161,153,0.5);text-decoration:none;margin:6px;font-weight:600;text-align:left;transition:.1s;text-shadow:2px 2px 10px rgba(0,0,0,0.25);display:flex;align-items:center}.main-button .link-icon{margin-right:8px;height:28px}.main-button.disabled{pointer-events:none;filter:grayscale(1);cursor:not-allowed}.main-button.disabled:hover{box-shadow:none}.main-button:hover{box-shadow:1.7px 3.4px 3.4px rgba(0,0,0,0.15)}.main-icongroup{margin:16px auto;width:fit-content;display:flex}.icon{margin:0 8px;height:32px;transition:.1s}.icon:hover{filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.15))}.logo-wrap{margin:32px auto;width:80%}.logo{width:100%}#particles-js{width:100%;height:100%;background-color:#d6a199;background-size:cover;background-position:50% 50%}@media only screen and (max-width: 400px){.main-container{width:100%;height:100%;top:0;box-shadow:inherit}.main-buttongroup{width:100%}}.main-button.disabled{pointer-events:none}html,body{height:100%;width:100%;margin:0}