@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Regular.eot');
    src: local('Axiforma Regular'), local('Axiforma-Regular'),
        url('../fonts/Axiforma-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma-Regular.woff2') format('woff2'),
        url('../fonts/Axiforma-Regular.woff') format('woff'),
        url('../fonts/Axiforma-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    background-color: #FFF;
    color:#000;
    font-family: 'Axiforma';
}

.mission_wrapper{
    border-radius: 32px;
    border: 1px solid #006AFF;
    background: rgba(226, 226, 226, 0.20);
    box-shadow: 0px 4px 59.3px -4px rgba(81, 203, 255, 0.25);
}

.periodDanger{
    border-radius: 8px;
    border: 1px solid #F00;
    background: rgba(255, 88, 88, 0.20);
}

.periodActive{
    border-radius: 8px;
    border: 1px solid #00FF79;
    background: rgba(101, 255, 88, 0.20);
}

.solution_card{
    border-radius: 32px;
    border: 1px solid ;
    border-color: transparent;
    background: rgba(226, 226, 226, 0.20);
    box-shadow: 0px 4px 59.3px -4px rgba(81, 203, 255, 0.25);
}

.solution_card:hover{
    border-color: #000;
    transition: ease-in-out 0.4s;
}