/**
Theme Name: Staytuned
Theme URI: https://staytunedproject.com/
Author: Andrii Krot
Author URI: https://intercode.pro/
Description: Staytunedprojecvt brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: staytunedproject
Tags: one-column, left-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url("assets/css/bootstrap.min.css") all;

/* blue:  #abd7ee; rgb(171,215,238 */

body {
    /* display:none; */
    background-image: url('assets/img/bg.jpg');
    background-position: center top;
    background-size: inherit;
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 1800px;
}

header {
    height: 440px;
}

.container {
    width: 687px;
}

aside {
    width: 167px;
    float: left;
}

aside section {
    background-color: rgb(171, 215, 238);
    border-radius: 7px;
    margin-bottom: 1em;
    border: 4px solid rgba(151, 151, 151, 0.7);
}


aside li {
    border-top: 4px solid rgba(151, 151, 151, 0.7);
}

aside li:first-child {
    border-top: none;
}

aside .nav a {
    font-size: 24px;
    color: #444;
    padding: 14px 17px 14px !important;
    line-height: 1em;

}

aside .nav li:first-child a:hover {
    background-color: rgb(254, 237, 0);
}

aside .nav li:nth-child(2) a:hover {
    background-color: rgb(59, 170, 52);
}

aside .nav li:nth-child(3) a:hover {
    background-color: rgb(45, 170, 226);
}

aside .nav li:nth-child(4) a:hover {
    background-color: rgb(197, 150, 192);
}

aside .nav li:nth-child(5) a:hover {
    background-color: rgb(115, 191, 152);
}

aside .nav li:nth-child(6) a:hover {
    background-color: rgb(237, 107, 49);
}

aside .nav li:nth-child(7) a:hover {
    background-color: rgb(175, 202, 9);
}

aside .nav li:nth-child(8) a:hover {
    background-color: rgb(17, 160, 154);
}





main {
    width: 481px;
}