/*
Theme Name: Дочерняя тема Шмыголь
Template: neve

Не обязательные параметры:
Theme URI: http://example.com/
Description: Дочерняя тема для темы neve
Author: 
Author URI: http://example.com/about/
Version: 1.0
*/

/* Свои дополнительные стили */

.img1 {
    position: relative;
    left: 920px;
    bottom: 760px;
}
.img2 {
    position: relative;
    right: 150px;
    bottom: 170px;
}


body {
    background: #efedea;
}

.text1 {
    color: rgb(0, 0, 0);
    font-size: 21px;
    margin-left: 190px;
    margin-right: auto;
    width: 30em;
    position: relative;
    top: 70px;
    font-style: italic;
}
.text2 {
    color: rgb(0, 0, 0);
    font-size: 21px;
    margin-left: auto;
    margin-right: 270px;
    width: 30em;
    position: relative;
    top: 250px;
    font-style: italic;
}


.h1 {
    position: relative;
    left: 190px;
    top: 60px;
    font-weight: 700;
    font-style: italic;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

.h2 {
    position: relative;
    left: 620px;
    top: 250px;
    font-weight: 700;
    font-style: italic;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

.glavnaya {
    
    font-family: Arial, Helvetica, sans-serif, cursive;
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
    overflow-x: hidden;
    height: auto;
}

.navbar {
    width: 100%;
    height: 70px;
    box-shadow: 0 4px 10px rgb(93, 79, 56);
    color:rgb(255, 255, 255);
}

.navbar .container {
    height: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-menu li {
    display: inline-block;
}

.navbar-menu li a {
    display: inline-block;
    color: #000000;
    opacity: 0.6;
    padding: 10px;
    transition: all .2s ease-in-out;
}

.navbar-menu li a:hover {
    opacity: 1;
}

.navbar-wrap {
    display: flex;
    flex-flow: row nowrap;
}

.navbar-brand {
    font-weight: 800;
    font-size: 30px;
    font-style: italic;
    text-decoration: none;
    color:rgb(86, 49, 12);
    font-family: Arial, Helvetica, sans-serif, cursive;
    transition: all .2s ease-in-out;
}
.navbar-brand:hover {
    color:rgba(255, 234, 0, 0.79);
}

.social {
    width: 100%;
    display: flex;
    justify-content: center;
}

.social_icon {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 18px;
    bottom: 50px;
    background-color: #fdfdfd;
    border-radius: 50%;
    box-shadow: 0px 0px 5px #000000;
    transition: all 0.3 ease;
    position: relative;
    overflow: hidden;
}

.social_icon i{
    font-size: 26px;
    color:rgb(78, 59, 45);
    transition: all 0.3 ease;
    z-index: 1;
}

.social_icon::after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    transform: translate(0, 60px);
    border-radius: 50%;
    transition: all 0.3 ease;
}


.social_icon.vk:after {
    background-color: hsl(231, 39%, 63%);
}

.social_icon.telegram:after {
    background-color: hsl(200, 2%, 32%);
}

.social_icon:hover {
    transform: translateY(-4px);
    box-shadow: 0px 0px 15px #000000;
}

.social_icon:hover i {
    color: #fdfdfd;
}

.social_icon:hover:after {
    transform: translate(0);
}

.napravlenie {
    height: 600px;
    width: 670px;
    font-size: 20px;
    position: relative;
    left: 190px;
    top: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

.h3 {
    position: relative;
    left: 190px;
    top: 60px;
    font-weight: 700;
    font-style: italic;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

.img3 {
    position: relative;
    left: 730px;
    top: -550px;
}

.web-program {
    height: 600px;
    width: 720px;
    font-size: 20px;
    position: relative;
    left: 560px;
    bottom: -90px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    
}

.h4 {
    position: relative;
    left: 560px;
    bottom: -70px;
    font-weight: 700;
    font-style: italic;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

.img4 {
    position: relative;
    left: 100px;
    bottom: 1120px;
}

.text5 {
    height: 600px;
    width: 1100px;
    font-size: 20px;
    position: relative;
    left: 95px;
    bottom: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}