.user-image{position:relative;display:inline-block;overflow:hidden;border-radius:50%;transition:all .3s ease-in-out;cursor:pointer}.user-image img{display:block;width:100%;height:auto}.user-image:active,.user-image:focus,.user-image:hover{position:relative;border-radius:50%;border:10px;box-shadow:0 0 8px rgba(0,0,0,.3);animation:border-rotate 3s linear infinite}@keyframes border-rotate{0%{border:2px solid #3498db}25%{border:2px solid #ff8f00}50%{border:2px solid #ff3d00}75%{border:2px solid #03a9f4}to{border:2px solid #3498db}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:999999999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.modal.active{display:flex;opacity:1;pointer-events:auto}.modal-content{position:relative;display:inline-block;overflow:hidden;border-radius:50%;padding:10px;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.3)}.modal-content img{display:block;width:100%;height:auto}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.social-login-container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10px}.social-login-container button{padding:5px;border:none;border-radius:5px;width:150px;font-weight:900;background-color:#e1ad21;color:#f5f3ef;cursor:pointer;margin:0 10px}.social-login-container button:hover{background-color:transparent;border:1px solid #000;transition:all 1.5s ease-in-out}#gsignIn{animation:slideFromLeft 1s ease-in-out}#gsignIn,#gsignIn:hover{color:#0f9d58}#FsignIn{animation:slideFromRight 1s ease-in-out}#FsignIn,#FsignIn:hover{color:#007bff}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.toast{position:fixed;top:10%;left:-100%;transform:translateX(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);animation:slide-in .5s ease-in forwards,wait 2s forwards,slide-out .5s ease-out 2.5s forwards}@keyframes slide-in{0%{left:-100%}25%{left:25%;transform:translateX(-20%)}50%{left:50%;transform:translateX(-50%)}to{left:50%;transform:translateX(-50%)}}@keyframes wait{0%,to{left:50%;transform:translateX(-50%)}}@keyframes slide-out{0%{left:50%;transform:translateX(-50%);opacity:.8}25%{left:75%;transform:translateX(-50%);opacity:.5}to{left:80%;transform:translateX(-50%);opacity:0}}@media only screen and (max-width:600px){.modal-content,.modal-content img,.user-image{width:100%;height:100%}}