@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,400;1,500&family=Rubik+Dirt&display=swap');
/* Base CSS Page */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
/* Links */
a,
a:hover,
a:visited,
a:active {
    text-decoration: none;
    color: inherit;
}

/* Fonts for key titles/headings */
.brand-name,
.developer-name h2 {
    font-family: 'Rubik Dirt', cursive;
}

/* Nav Bar colours, borders and Fonts */
.nav-colour {
    background-color: #d2dac3;
}

.nav-link {
    font-family: 'Poppins', sans-serif;
}

/* Manage link */
#manage {
    color: blue;
}

.border-top {
    border-top: 2px solid black !important;
}

.border-bottom {
    border-bottom: 2px solid black !important;
}

/* Font Awesome Icons in footer */
.fa-facebook-square,
.fa-github-square,
.fa-instagram,
.fa-linkedin-square {
    transition: all .2s ease-in-out;
}

.fa-facebook-square:hover,
.fa-github-square:hover,
.fa-instagram:hover,
.fa-linkedin-square:hover {
    transform: scale(1.2);
}

.noselect {
    user-select: none;
}
/* Adjustments for body and content class */
html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    background-color: #c9dfec;
}

.content {
    flex: 1 0 auto;
}

/* Adjustments for the footer  */
.footer {
    flex-shrink: 0;
    width: 100%;
    position: fixed;
    bottom: 0;
}

/* Footer Colour */
.footer-colour {
    background-color: #343f5c;
}

#delete-account {
    margin-bottom: 5px;
}

/* Media Queries */
@media all and (max-width:992px) {
    /* Tablet and mobile Screen Layout Code here */
    .developer-name {
        display: none;
    }
    .social-icons {
        width: 80% !important;
    }
}