/* ОБЩЕЕ ФОРМАТИРОВАНИЕ*/

* { margin: 0px; 
    padding: 0px;
    box-sizing: border-box;                                                                         /* включения в качестве состаляющей части блочного элемента всех значений свойств width и height рамки и  отступов */
    font-size: 16px;
    /*border: 1px solid black;*/
}

/**************************************************************************************************/
/* СЕКЦИЯ ДЛЯ ССЫЛКИ НА СКАЧИВАНИЕ ШАБЛОНА*/

.download{
    position: fixed;   
    bottom: 0;
    right: 0;
    margin-right: 10em;
    margin-bottom: 10em;
}

.download a{
    color: blue;
}

/**************************************************************************************************/
/* ОСНОВНОЙ BACKGROUND, ЗАГОЛОВОК*/

/*html, body{
    height: 100%;                                                                                   /* необходимо для определения высоты body, которая отвечает за правильный background-image */
/*}*/

body{
    background-image: conic-gradient(lightgreen 45deg, yellow 90deg, lightgreen 135deg, 
    yellow 180deg, lightgreen 225deg, yellow 270deg, lightgreen 315deg, yellow 360deg);
}

header h1{
    text-align: center;
    margin-top: 3%;
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    text-shadow: 15px 15px 15px rgba(0,0,0,0.7);
}

/**************************************************************************************************/

/* ОСНОВНОЙ КОНТЕЙНЕР *****************************************************************************/
.main{
    width: 1440px;                                                                                  /* ширина максимальная */
    max-width: 90%;                                                                                 /* ширина будет ограничена 90% при уменьшении размера экрана */
    margin: 3% auto 3% auto;    
    padding: 0 10px 20px 10px;       
    border: 1px dotted green;                                                                      
    background-color: lightyellow;
}

.main h2{                                                                                           /* подзаголовок в основном контейнере*/
    text-align: center;
    margin: 2% 0 2% 0;
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    text-shadow: 15px 15px 15px rgba(0,0,0,0.7);
}

.content{                                                                                           /* подконтейнер к основному контейнеру */
    width: 1420px;                                                                                  /* ширина максимальная, в которую помещается 2 колонки */
    max-width: 100%;                                                                                /* ширина будет ограничена 100% при уменьшении размера экрана. Нужно обязательно ограничить или блок не будет резиновым. */   
    margin: 0 auto 0 auto;
}

.content div:not(:last-child){                                                                      /* описание плавающих элементов в контейнере */
    float: left;
    padding: 10px;
    width: 708px;                                                                                   /* блоки пойдут в плавание, как только ширина 708px станет недоступной */
    max-width: 100%;
    font-size: 1.5em;
    border-top: 1px dotted green;                                                                          
}

.content div:nth-child(2){
    color: gray;
}

.inside_p{                                                                                          /* плавающий элемент в плавующем блоке */
    width: 150px;
    height: 150px;
    background-color: lightgreen;
    float: right;
    font-size: 1.1em;
    line-height: 150px;
    text-align: center;
}

.empty_for_float{                                                                                   /* восстановление нормального потока после плавания */
    clear: both;
}

/* ОСНОВНОЙ КОНТЕЙНЕР *****************************************************************************/