﻿body {}
.container{width:85%;}
.headerBackground {
    background-color: #00526A;
    color: #071E23;
}
.lightBackground {
    background-color: antiquewhite;
}
.headerLink {
    color: #E2B759;
}
    .headerLink:hover {
        color: #F1E5C0;
       
    }

.IconButton {
    font-size: 20pt;
    color: #071E23;
}
.TextBox{border-radius:4px;}
.greentext {color:green;}
.bluetext {color:blue;}
.redtext {color:darkred;}
.boldtext { font-weight:bold;}


.popUp{
    background-color:antiquewhite;
    opacity:1;
    border-radius:5px;
    border-style:solid;
    overflow:auto;
    height:50%;
    width:40%;
    
}


.borderBox{  border-style:solid; border-color:deeppink;}
.ButtonSmall {
    background-color: white;
    color: #004E65;
    /*font-size: small;*/
    border-color: #004E65;
    border-radius: 5px;
    border-style: solid;
    white-space: normal;
    /*word-wrap: break-word;*/
    margin: 5px;
    text-decoration: none;
    width: 85%;
    height: 25px;
    font-size: medium;
    text-align: center;
}

.spinthetext {
    margin: 20px;
    width: 100px;
    height: 100px;
    background: #f00;
    /* The animation part: */
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.sidetosidetext {
    animation: sidetoside 10s ;
}

@keyframes sidetoside {
    0% {
        transform: scale(1,1) translateX(0);
    }
    /*    20% {
        transform: scale(1,1) translateX(-5px);
    }*/

    40% {
        transform: scale(1,1) translateX(20px);
    }
    /*    60% {
        transform: scale(1,1) translateX(-15px);
    }
*/
    /*    80% {
        transform: scale(1,1) translateX(-10px);
    }*/

    100% {
        transform: scale(1,1) translateX(0);
    }
}

    .alignRight {
        text-align: right;
    }

    .alignCenter {
        text-align: center;
    }

    .alignLeft {
        text-align: left;
    }


