.headbox{
    background:  linear-gradient(45deg, #424242, 10%, #424242);
    width: 100%;
    padding-top: 10px;
    border-left: 10px solid;
  }

@keyframes popIn {
100% {
    opacity: 1;
    transform: scale(1);
}
}

  .headbox h1{
    font-size: 24px;
    color: #ffffff;
    margin: 10px;
    font-family: sniglet;
    letter-spacing: 5px;

  }

@media (min-width:900px){
.headbox h1 {
    text-align: center;
}

}
       
         .breadcrumb{
    position: absolute;
    font-family: "Syne Mono";
    width: fit-content;
    max-width: 90%;
    font-size: small;
    color: #00ffc7;
    border-radius: 0 0px 5px 0;
    background: #424242;
    border: .83px dashed #424242;
    padding: 2.5px 5px;
        }
        .breadcrumb a {
            text-decoration: none;
            color:#f45f82;
        }
        
        .headbox{
            position: relative;
        }
        
        
        
        .jobbelly {
    display: flex
;
    flex-direction: column;
    align-items: center;

}