@font-face {
    font-family: nasal;
    src: url('../fonts/Montserrat-SemiBold.otf');
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: nasal, Roboto, arial, sans-serif;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #484848;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: modal-animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: modal-animatetop;
    animation-duration: 0.4s
}

/*!* Add Animation *!*/
/*@-webkit-keyframes modal-animatetop {*/
/*    from {top:-300px; opacity:0}*/
/*    to {top:0; opacity:1}*/
/*}*/

/*@keyframes modal-animatetop {*/
/*    from {top:-300px; opacity:0}*/
/*    to {top:0; opacity:1}*/
/*}*/

/* The Close Button */
.modal-close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-hide {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-hide:hover,
.modal-hide:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #b5bcba;
    color: white;
}

.modal-body {
    padding: 2px 16px;
    color: rgb(0, 0, 0)
}

.modal-footer {
    padding: 2px 16px;
    background-color: #3d3454;
    color: white;
}

.button-absolute {
    position: absolute !important;
    right: 0;
    bottom: 0;
}


.project_box {
    background-color: #1f1d1b;
    overflow: overlay;
}

.the_board {
    background-color: #1f1d1b;
    background-image: url('../images/the_board.png');
    width: 512px;
    height: 512px;
}

.hotdog {
    background-image: url('../images/businesses/very_hotdogs.jpg');
}

.lemon_deadly_sins {
    background-image: url('../images/businesses/lemon_deadly_sins.jpg');
}

.eye_scream {
    background-image: url('../images/businesses/eye_scream.jpg');
}

.mustard_vending_machine {
    background-image: url('../images/businesses/mustard_vending_machine.jpg');
}

.national_mustard_museum {
    background-image: url('../images/businesses/national_mustard_museum.jpg');
}

.employee_termination_greeting_card {
    background-image: url('../images/businesses/employee_termination_greeting_card.jpg');
}

.noodle_and_soup_cooling_services {
    background-image: url('../images/businesses/noodle_and_soup_cooling_services.jpg');
}

.trebuchet_based_space_shuttle {
    background-image: url('../images/businesses/trebuchet_based_space_shuttle.jpg');
}

.plant_based_video_games {
    background-image: url('../images/businesses/plant_based_video_games.jpg');
}

.assassin_squad_insurance {
    background-image: url('../images/businesses/assassin_squad_insurance.jpg');
}

.illinois {
    background-image: url('../images/businesses/illinois.jpg');
}

.sugar {
    background-image: url('../images/sugar.jpg');
}

.spiders {
    background-image: url('../images/spiders.jpg');
}

.cat {
    background-image: url('../images/cat.png');
    background-size: 100%;
}

.carwash {
    background-image: url('../images/businesses/carwash_but_for_humans.jpg');
}

.monkey {
    background-image: url('../images/monkey.jpg');
}

.paint_bread {
    background-image: url('../images/paint_bread.jpg');
}

.stained_gas {
    background-image: url('../images/stained_gas.jpg');
}

.bones {
    background-image: url('../images/bones.png');
}

.ghost {
    background-image: url('../images/ghost.jpg');
}

.inflation {
    background-color: #1f1d1b;
    background-image: url('../images/events/inflation.jpg');
}

.necromancey {
    background-color: #1f1d1b;
    background-image: url('../images/events/necromancey.jpg');
}

.murder_the_devil {
    background-color: #1f1d1b;
    background-image: url('../images/events/murder_the_devil.jpg');
}

.hiring_freeze {
    background-color: #1f1d1b;
    background-image: url('../images/events/hiring_freeze.jpg');
}

.balance_sheet {
    background-color: #1f1d1b;
    background-image: url('../images/events/balance_sheet.jpg');
}

.extremely_viral_video {
    background-color: #1f1d1b;
    background-image: url('../images/events/extremely_viral_video.jpg');
}

.pressing_business {
    background-color: #1f1d1b;
    background-image: url('../images/events/pressing_business.jpg');
}

.grant_slam {
    background-color: #1f1d1b;
    background-image: url('../images/events/grant_slam.jpg');
}

.one_giant_leap {
    background-color: #1f1d1b;
    background-image: url('../images/events/one_giant_leap.jpg');
}

.spaceport {
    background-color: #1f1d1b;
    background-image: url('../images/projects/spaceport.jpg');
}

.weaponized_blackhole {
    background-color: #1f1d1b;
    background-image: url('../images/events/weaponized_blackhole.jpg')
}

.bribe_asteroids {
    background-color: #1f1d1b;
    background-image: url('../images/events/bribe_asteroids.jpg')
}

.anger_enhanced_propulsion_system {
    background-color: #1f1d1b;
    background-image: url('../images/events/anger_enhanced_propulsion_system.jpg')
}

.brand_new_vertical {
    background-color: #1f1d1b;
    background-image: url('../images/events/brand_new_vertical.jpg')
}


/*Memo Icons*/
.memo_icon {
    background-color: #5f5f5f;
    width: 4em;
    height: 4em;
    background-size: contain;
    margin: 0.31em;
}

.memo_deepwater {
    background-image: url("../images/memos/memo_deepwater.png");
}

.memo_sabbath {
    background-image: url("../images/memos/memo_sabbath.png");
}

.memo_dayplanner {
    background-image: url("../images/memos/memo_dayplanner.png");
}

.memo_miniblackhole {
    background-image: url("../images/memos/memo_miniblackhole.png");
}

.memo_intern {
    background-image: url("../images/memos/memo_intern.png");
}

.memo_smallloanfromfather {
    background-image: url("../images/memos/memo_smallloanfromfather.png");
}

.memo_reducedpto {
    background-image: url("../images/memos/memo_reducedpto.png");
}

.memo_livestreamedwarheads {
    background-image: url("../images/memos/memo_livestreamedwarheads.png");
}

/* Tier Info Icons*/

.feature_icon {
    background-color: #5f5f5f;
    width: 54px;
    height: 54px;
    background-size: contain;
    margin: 0.31em;
}

.Feature_Events {
    background-image: url("../images/memotiericons/newspaper.png");
}

.locked{
    background-blend-mode:overlay;
    background-color:#fc030359;
}
.speed-button.active{
    outline:2px solid #33d367!important;
}

.speed-button{
    background-color: #972913;
    border-radius: .4rem;
    color:white;
    margin:0 1px;
}


.speed-button:hover{
    background-color: #661c0d;
    border-radius: .4rem;
}

.cool-button {
    align-items: center;
    background-clip: padding-box;
    background-color: #972913;
    border: 1px solid transparent;
    border-radius: .4rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: system-ui, -apple-system, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    margin: 0;
    min-height: 3rem;
    padding: calc(.2rem - 1px) calc(1.2rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: 100%;
}

.cool-button:hover:enabled,
.cool-button:focus:enabled {
    background-color: #661c0d;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.cool-button:hover:enabled {
    transform: translateY(-1px);
}

.cool-button:active {
    background-color: #661c0d;
    box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
    transform: translateY(0);
}

.cool-button:disabled {
    background-color: #661c0d;
    border: 1px solid #999999;
    opacity: .5;
}

.cool-button-disabled {
    background-color: #661c0d;
    border: 1px solid #999999;
    opacity: .5;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#tech-tree-context {
    height: 10vh;
    display: block;
    border: 1px solid #606060;
    padding: 10px;
    margin: auto auto 10px;
    overflow-y: auto;
    color: white;
    display: none;
}

.tech-tree-row {
    margin: auto;
}

.tech-info{
    width:75px;
    background:red;
}
.tech-tree-slot {
    width: 14rem;
    height: 12rem;
    display: inline-grid;
    flex-direction: column;
    justify-items: center;
    border-radius: .2em;
    padding: 5px 10px;
    text-decoration: none;
    color: #6b6d51;
    background-color: lightgrey;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    margin: .2em;
    align-items: center;
}
.tier-description{
    display:flex;
    justify-content:space-between;
    background:rgb(116 32 15);
    border-radius:0.4em;
}

.tech-tree-slot input[type="radio"] {
    display: none;
}

.tech-tree-slot label {

}

.tech-tree .row {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #606060;
}

#tooltip {
    font-size: 14px;
    position: fixed;
    background: #353535;
    opacity: 1;
    border-radius: .2em;
    z-index: 20;
    padding: 10px;
    color: white;
}

a {
    color: #ace3a2;
}

a:hover{
    color: #9aea8d;
}
.overflow-x{
    overflow-x:auto;
}