@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html, body {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    background-color: #e5eaee;

}



.lang-menu {

    position: fixed;

    top: 10px;

    left: -55px;

}



    .lang-menu button {

        display: block;

        margin: 5px;

        padding: 5px 15px;

        border: 3px solid #0f3b69;

        border-radius: 30%;

        background-color: #f5faff;

        color: #0f3b69;

        font-weight: bold;

        text-align: right;

        min-width: 120px;

        min-height: 15px;

        transition: 0.2s;

    }



        .lang-menu button:hover {

            margin: 5px;

            padding: 5px 15px;

            border-radius: 10%;

            background-color: #c0d6ed;

            color: #06488b;

            min-width: 140px;

        }



.title {

    text-align: center;

    font-style: italic;

    color: #182e45;

}



.dialog-baloon {

    text-align: justify;

    border: 30px solid;

    overflow: hidden;

    background-color: #c6d6e7;

    border-image: url(../assets/img/DialogBorder.png) 30;

    border-image-outset: 20px 0 0 0;

    margin: 45px 0 5px 0;

}



.icon-bar {

    margin: 25px 0;

    text-align: center;

}



    .icon-bar a {

        display: inline-block;

        margin: 10px;

        padding: 20px;

        border: 3px solid #0f3b69;

        border-radius: 30%;

        background-color: #f5faff;

        color: #0f3b69;

        font-weight: bold;

        text-decoration: none;

        min-width: 120px;

        min-height: 120px;

        transition: 0.2s;

    }



        .icon-bar a:hover {

            margin: 0;

            padding: 30px;

            border-radius: 10%;

            background-color: #c0d6ed;

            color: #06488b;

            min-width: 140px;

            min-height: 140px;

        }



    .icon-bar a img{

        height: 40px;

    }



.icon-bar p {

    font-size: smaller;

    margin: 0;

    padding: 15px 0 0 0;

}



.aircraft-family-logo {

    border: 5px solid black;

    width: 100%;

}



.aircraft-family-desc {

    text-align: justify;

    padding: 15px;

    overflow: hidden;

    border: 5px solid black;

    border-width: 0 5px 5px 5px; 

    margin: 0;

}



.aircraft {

}



.star {

    height: 25px;

}