:root {
    --bg: #121212;
    --fg: #ffffff;
    --muted: #aaa;
    --accent: #00e676;
    --btn: #2979ff;
    --btn-hover: #1565c0;
    --ring-bg: #444;
    --max-container: 600px;
    --ring-size: 60vmin;
    --ring-stroke: 1.2vmin;
}

html, body {
    padding: 0 !important;
    margin: 0;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container{

    margin-top: 20rem;

}



main {
    flex: 1;
}

.site-footer {
    width: 100%;
    padding: 2rem 1rem;
    background: #1e1e1e;
    color: var(--muted);
    text-align: center;
    font-size: 0.875rem;
    box-sizing: border-box;
    padding: 1.2rem;

}



.contact1{
    color: white !important;
}

.site-footer a {
    color: var(--btn)!important;
    text-decoration: none!important;
    margin: 0 0.5rem!important;
    transition: color 0.2s!important;
}

.contact{
    color: var(--btn)!important;
    margin: 0 0.5rem!important;
}

.policy{
    color: var(--btn)!important;
    margin: 0 0.5rem!important;
}

.site-footer a:hover {
    color: var(--btn)!important;
}

.site-footer-contents{
    margin-top : -10px;
    margin-bottom: 10px;
}

.go-home{
    margin-bottom: 1rem;
    margin-left: auto;
}

@media (max-width: 768px) {

    html, body {

        padding: 1rem;
    }


    .site-footer{
        margin-top: 5rem;
    }

    main{
        margin-left: 1.1rem;
        margin-right: 1.1rem;
        margin-top: -5rem;

    }

    .go-home{

    }

}