.red {
    color: white;
    background-color: red;
    font-style: bold;
}

.black {
    color: white;
    background-color: black;
    font-style: bold;
}

.link {
    color: DarkBlue;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
    text-decoration: none;
}

.wallpaper {
    background-image: url(/magic/sandbox/images/symphony.png);
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: black;
    font-style: bold;
    font-size: 120%;
}

md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: -55px;
    right: auto;
}

.md-button.md-success {
    background-color: rgb(0,0,0);
}

.md-button.md-failure {
    background-color: rgb(200,0,0);
}

.background-white {
    background-color:rgba(255, 255, 255, 0.75);
}

.background-yellow {
    background-color: yellow;
}

.background-orange {
    background-color: orange;
}

.background-green {
    background-color: LimeGreen;
}

.word-item {
    height:40px;
    width:140px;
    border-radius: 15px;
}

.card-item {
    height:170px;
    width:140px;
    border-radius: 15px;
}

.md-button {
    border-radius: 10px;
}

.usualfont {
    font-family: 'Ruda', sans-serif;
}

.handwritingfont {
    font-family: 'Crafty Girls', cursive;
}
            
h1 {
    letter-spacing: 11px;
    font-weight: bold;
}

h2 {
    background-color:rgba(255, 255, 255, 0.5);
}

h4 {
    font-style: italic;
}

strong {
    font-size: 150%;
}

.capitalize {
    text-transform: capitalize;  
}

.md-top {
    position:fixed; 
    right:10px; 
    bottom: 10px;
}

.md-clock {
    position:fixed; 
    right:80px; 
    bottom: 10px;
}

.funky-show-hide.ng-hide-add,
.funky-show-hide.ng-hide-remove {
  transition: all linear 0s;
}
.funky-show-hide.ng-hide-remove {
  transform: rotateY(90deg);
  transform-origin: right;
}