body{background-color:#a296ca;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.container{background-color:#16102c;width:600px;height:650px;border:1px solid rgb(65,26,193);border-radius:4px;display:flex;flex-direction:column;align-items:center}.mainStyle{height:90%!important;padding:5px;width:80%}.mainStyle p{color:#fff;font-size:30px}.mainStyle input{width:70%;height:40px;border:0px;border-radius:20px;padding:10px;margin-bottom:20px;outline:0px}.buttonStyle{background-color:#251a4c;color:#7950f2;font-size:30px;width:100%;display:flex;align-items:center;justify-content:center;height:20%;border:0px;border-radius:40px;box-shadow:0 0 10px #411ac1}.connectStyle{background-color:#191332;padding:5px;color:#7950f2;font-size:30px;width:50%;display:flex;align-items:center;justify-content:center;border:1px;border-radius:40px;margin-bottom:0!important}.tokenWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;width:40%;border:1px solid yellowgreen}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000}.modal-content{background-color:#c0bad5;margin:15% auto;border:1px solid #888;width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.token-tile{display:flex;flex-direction:row;align-items:center;margin-left:40px;height:100%;width:400px;padding:15px 10px;justify-self:center}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}