* { text-align: center }
body {background-color: #f2ed83;}
a { font-size: larger; }
h1 { font-size: 40px; }
.big { font-size: 20px; }
.compile { display: flex; justify-content: center;}


/*****************************
     Interactive Buttons
*****************************/
.int-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 8px;
    border-style: outset;
    border-color: #da7e05;
    transition: box-shadow ease 0.25s;
    margin-right: 4px;
    margin-left: 10px;
}

.int-button:hover {
    box-shadow: 5px 5px 8px #da7e05;
}

.button-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000000;
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 4px #da7e05;
    opacity: 1;
}

.button-text-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000000;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 2px #da7e05;
    opacity: 1;
}