body{
    font-family:Nunito;
}

@media (max-width:960px) {
    .navbar{
        display:none;
    }
    .mobile-navbar{
        visibility: visible;
    }

    .non-mobile{
        display:none;
    }
}

@media (min-width:960px) {
    .navbar{
        visibility:visible;
    }
    .mobile-navbar{
        display:none;
    }
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.ttf') format('truetype');
}
.text-gray{
    border-right:dotted grey 2px;
}

.alertborder{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
    position: relative;
    overflow: hidden;
    background-clip: content-box;

}
.alertcontent{
    position: relative;
    background-color: white;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px;
    font-family: sans-serif;
    z-index: 2;
}

@keyframes animate {
    from {
        background-position: 0;
    }

    to {
        background-position: 0 450px;
    }
}
.alertborder::before {
    content: '';
    position: absolute;
    width: 300vh;
    height: 250vh;
    background: repeating-linear-gradient(
            yellow 0%,
            yellow 7.5px,
            orange 7.5px,
            orange 15px,
            yellow 15px,
            yellow 22.5px,
            orange 22.5px,
            orange 30px);
    transform: translateX(-20%) translateY(-20%) rotate(-45deg);
    animation: animate 10s linear infinite;
}