/*
 Stylesheet for index.html.
 */

@import mixins
@import variables

div#search-field
    @extend .t2

    bottom: 0
    height: 50%
    left: 0
    margin: auto
    margin-top: 15%
    position: absolute
    right: 0
    top: 0
    width: 34%

    #title
        font-size: 4em
        padding-bottom: 0.5em
        text-align: center

        #title-bit
            color: $baseColor1

        #title-angle
            color: $baseColor3

        #title-shift
            color: $baseColor2
            font-style: italic

    form input[type="text"]
        border: 1px solid $baseColor1
        font-size: 1.1em
        padding: 3px
        width: 100%

    &.partly-visible
        margin-top: 3%
        width: 46%

        #title
            display: none

div#results
    margin-left: auto
    margin-right: auto
    width: 80%

    div.result
        background-color: #F8F8F8
        margin-bottom: 10%
        margin-top: 1%
        padding: 1%

        &.cascade
            @extend .t3

            margin-bottom: 0%