/* reset */
*{margin: 0;
padding: 0;
box-sizing: border-box}

#sekour{width: 200px;}


header{width:100%;
height: 100vh;
background: url(denki.jpg) 0 0 no-repeat;
background-size: cover;
text-align: center;padding-top: 70vh;}


h2{color: yellow;
font-family: sans-serif;}

a{text-decoration: none;
color: black; 
width: 200px;
height: 50px;
display: block;
line-height: 50px;
border-radius: 30px;
margin: 10px auto;
border: 1px solid rgb(27, 5, 27);
transition: .5s linear;
text-align: center;
background:  rgb(182, 54, 75) ;}

a:hover{ background: rgb(182, 54, 75);} 


main{ width:100%;
background: rgb(254, 187, 120)}
    
section{ display: flex;
     flex-wrap: wrap;}

article{ flex: 1;
     min-height: 100px;
border: 1px solid rgb(1, 1, 1);
min-width: 280px;}


article img,
#sekour img{max-width: 100%;min-width: 100%;}

.tomes, .tomes:hover{ border: none;
background: none;
height: 300px;
display: block;
}




h3{color: rgb(2, 40, 16);
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;}
h3{width: 200px;
height: 50px;
display: block;
line-height: 50px;
border-radius: 30px;
margin: 10px auto;
border: 1px solid rgb(12, 27, 5);
transition: .5s linear;
text-align: center;
background: rgb(12, 128, 81);
width: 180px;
height: 50px;}

p{color: rgb(0, 0, 39);

font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 30px;}


h5{color: rgb(2, 40, 16);
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;}

h5{width: 200px;
     height: 50px;
     display: block;
     line-height: 50px;
     border-radius: 30px;
     margin: 10px auto;
     border: 1px solid rgb(12, 27, 5);
     transition: .5s linear;
     text-align: center;
     background: rgb(12, 128, 81);
     width: 180px;
     height: 50px;}