.name {
   border: 1px solid white;
    width: 1000;
    text-align: center;
    color:azure;
    text-shadow: 1px 4px 2px black, 0 0 1em red ;
    position: absolute;
    bottom:-200px;
    z-index: 99;
    background-image: url(img/fon1.jpg);
    background-size: 100% 210px;
    background-repeat: no-repeat;
    background-position: top;
    left: 50%;
    margin-left: -500px;
    border-radius: 1000px;

    }


.vik{
    font-size: 30;
    bottom: 20px;
    position: relative;
}
body{
    background-color: black;
}

header{
    background-image: url(img/header.jpg);
    position: relative;
    height: 500;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
        
}

.ps{
    font-weight: bolder;
    font-size: 19;
    position: relative;
    bottom: -450px;
    font-family: sans-serif;
    color: whitesmoke;
    text-shadow: 1px 4px 2px black, 0 0 1em blue;        
}

.main{
    border: 2px solid black;
    height: 100%;
    margin-top: 50;
    background-attachment: scroll;
    position: relative;
}

h1 {
    font-size: 60;
}
        

.akcia{
    width: 250;
      border: 6px outset;
    position:fixed;
    background-color:darkred;
    text-align: center;
    color: aliceblue;
    text-shadow: 3px 2px 50px blue;
    font-size: 20;
    font-family: cursive;
    top: 40px;
    left: 20px;
    opacity: 0.8;
    z-index: 999;
}

.raven {
    width: 150px;
    height: 70px;
    background-image: url(img/raven.png);
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    top: -30;
    right: -50;
    transform: scale(-1, 1);
}

.knopka{
    margin: 20px auto;
    border-top: 1px solid black;
    font-size: 35
    
}
a {text-decoration: none;
text-shadow: 1px 4px 1px black, 0 0 1em yellow ;}

section.strengths {                                    /* Выравнивание по ценру блоков */
text-align: center;
width:95%;
max-width: 1200;
margin: 0 auto;
border:2px solid gray;
background:#aab9ff ;
box-shadow:0 0 10pt #fff;
padding-top: 70pt;
border-radius:4pt;
margin-top: 130;
color: aliceblue;
position: relative;
min-height: 900px;
    background-image: url(img/andrey.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
}

#ir{
    font-weight: bolder;
    text-transform: uppercase;
    bottom: -450px;
    font-family: sans-serif;
    color: whitesmoke;
    text-shadow: 1px 4px 2px black, 0 0 1em blue;
}

.s1{
padding:3pt;
border-radius:4pt;
border-radius:4pt;
margin: 10;
position: absolute;
top: 200px;
left: 10px;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
box-shadow: 4px 4px 30px #fff;
background: #0a0d21;   
width: 310;
padding-bottom: 8px;
}

.s2{
padding:3pt;
box-shadow: -4px 3px 30px #fff;
border-radius:4pt;
border-radius:4pt;
margin: 10;
position: absolute;
top: 200px;   
right: 10px;   
font-weight: bold;
font-size: 20px;
width: 310px;
background: #0a0d21;
text-transform: uppercase;
width: 310;
padding-bottom: 8px;
}
.s3{
padding:3pt;
box-shadow: 4px -4px 30px #fff;
border-radius:4pt;
border-radius:4pt;
margin: 10;
position: absolute;
bottom: 10px;
left: 10px;
font-weight: bold;
font-size: 20px;
width: 310px;
background: #0a0d21; 
text-transform: uppercase;
padding-bottom: 8px;
    
}
.s4{
padding:3pt;
box-shadow: -4px -4px 30px #fff;
border-radius:4pt;
border-radius:4pt;
margin: 10;
position: absolute;
bottom: 10px;
right: 10px;
font-weight: bold;
font-size: 20px;
width: 310px;
background: #0a0d21;
text-transform: uppercase;
padding-bottom: 8px;
}

.siz {
    font-weight: bolder;
    text-transform: uppercase;
    bottom: -450px;
    font-family: sans-serif;
    color: whitesmoke;
    text-shadow: 1px 4px 2px black, 0 0 1em blue;
    margin-bottom: 40px;
}



section.my {
width:95%;
margin: 0 auto;
border:2px solid #000;
border-radius: 4px;
height: 400px;
margin-top: 30px;
background:#efefef;
margin-bottom: 30px;
text-align: center;
position: relative;
box-sizing: border-box;
min-height: 800px;
padding-top: 20px;
box-shadow:0 0 10pt #fff;
   
}


.korpus {
   text-transform: uppercase; 
   font-weight: 600; 
    font-family: sans-serif;
}

.korpus > div, .korpus > input { display: none; }

.korpus label {
    padding: 10px; 
    border: 3px solid #464545; 
    line-height: 28px;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    box-shadow: 2px 2px 20px white;
    border-radius: 20px 0px 0 0;
    border-bottom: 0px solid #464545;
    
    
}
.korpus> label:hover
{        
    background: #0f1013;  /*подкрашивание при наведении */
    transition: background-color .3s;
    color: aliceblue;
}

.korpus input[type="radio"]:checked + label {
    border-bottom: 0px solid #464545;
    background: #0f1013;
    color: azure;
    
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5) 
{
    display: block;
    padding: 20px 10px;
    border: 3px solid #464545;
    width: 820px;
    margin: 0 auto;
    background: #0f1013;
    color: aliceblue;
    font-family: sans-serif;
    
}