body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    margin: 0
}

a:hover{
    color:#000 !important;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

.App {
    background: linear-gradient(to bottom right, #444, #000);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    text-align: center
}

.logo {
    display: block;
    height: auto;
    margin: 1rem auto .2rem;
    width: 120px
}

.logo-container {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1rem
}

.grid-container,
.navigation-buttons {
    grid-gap: .5rem;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, 1fr)
}

.search-results {
    grid-gap: .2rem;
    display: grid;
    gap: .2rem;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: .2rem
}

.add-token-title {
    margin-bottom: .3rem
}

.token {
    max-width: 90%;
    overflow: auto
}

.disclaimer,
.token {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: .7rem;
    padding: 1rem
}

.disclaimer {
    color: #e3e3e3;
    font-size: .8rem
}

.contract-address {
    margin-bottom: .5rem
}

button {
    background-color: #6200ee;
    border: none;
    border-radius: .25rem;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    margin: .25rem;
    padding: .75rem 1.5rem;
    transition: background-color .3s
}

.App-header {
    color: #e3e3e3;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding-left: 4rem;
    padding-right: 4rem
}

button:hover {
    background-color: #3700b3
}

.App-footer {
    background-color: rgba(0, 0, 0, .1);
    color: #e3e3e3;
    padding: 1rem 0
}

a {
    text-decoration: none;
    transition: color .3s
}

a,
h4 {
    color: #e3e3e3
}

h4 {
    margin: 0 0 .25rem
}

.contract-address {
    word-wrap: break-word;
    color: #e3e3e3;
    font-size: .8rem;
    margin: 0 0 .5rem
}

a:hover {
    color: #aeeeff
}

.token button,
.token h4,
.token p {
    margin-bottom: .5rem
}

.token button {
    width: 100%
}

@media (max-width:767px) {
    .navigation-buttons {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .navigation-buttons button {
        margin: .25rem auto;
        width: 80%
    }

    .grid-container {
        align-items: center;
        display: flex;
        flex-direction: column
    }
}

/*# sourceMappingURL=main.fb70f4d0.css.map*/