// Run `stylus -w main.styl -o css` to compile

body
    margin: 0
    padding: 0
    font-family: Open Sans, Everson Mono, Helvetica

.grade1
    font-size: 200%
    margin-bottom: 0
    margin-top: 0
    display: block
    color: #00BCD4
    text-align: center

.grade2
    font-size: 150%
    margin-bottom: 0
    margin-top: 20px
    display: block
    color: #00BCD4
    text-align: center

.grade3
    font-size: 120%
    margin-bottom: 0
    margin-top: 20px
    display: block
    color: #00BCD4
    text-align: center

.ircclient
    position: absolute
    width: 100%
    height: 100%
    background: rgb(255,255,255)
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%)
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)
    .coverwindow
        position: absolute
        width: 100%
        height: 100%
        .wrapper
            width: 320px
            margin: auto
            margin-top: 5%
            padding: 15px
            background-color: #f7f7f7;
            border: 1px solid #dadada;
            box-shadow: 4px 4px 18px #d6d6d6;
            .msg.error
                color: red;
            label
                display: block
                font-size: 80%
                margin-top: 5px
                color: #2196F3
            input[type=text], input[type=number]
                padding: 8px;
                width: 300px;
                border-radius: 5px;
                border: 1px solid #d2d2d2;
                box-shadow: inset 2px 2px 4px #dcdcdc;
            input[type="submit"]
                width: 318px;
                padding: 12px;
                margin-top: 20px;
                display: block;
                background: rgb(135,224,253);
                background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%);
                background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
                background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
                border: 1px solid #2196F3;
                border-radius: 4px;
                color: #fff;
                font-size: 120%;
                font-weight: bold;
                text-transform: uppercase;
                cursor: pointer
                &:hover
                    background: rgb(196,239,252);
                    background: -moz-linear-gradient(top, rgba(196,239,252,1) 0%, rgba(127,213,239,1) 40%, rgba(57,183,221,1) 100%);
                    background: -webkit-linear-gradient(top, rgba(196,239,252,1) 0%,rgba(127,213,239,1) 40%,rgba(57,183,221,1) 100%);
                    background: linear-gradient(to bottom, rgba(196,239,252,1) 0%,rgba(127,213,239,1) 40%,rgba(57,183,221,1) 100%);