@font-face 
{font-family: 'alex_brushregular';

 src: 'alexbrush-regular-webfont.woff2' format('woff2'),
 

  'alexbrush-regular-webfont.woff' format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kaushan_scriptregular';
    src: url('kaushanscript-regular-webfont.woff2') format('woff2')
         url('kaushanscript-regular-webfont.woff') format('woff')
    font-weight: normal;
    font-style: normal;

}



html {
background:#f6d8c2;
border-radius: 10px;
color: #682305;
}

body {
background-image:url("fox.jpg"); }

 .wrapper {
  display: flex;
   flex-direction: column;
    float: left;
  top: 15px;
  left: 15px;
   height: 350px;

}
.box2  {
font-family: Helvetica, Arial, sans-serif;
 font-style: italic;
box-sizing: border-box;
font-size: 20px;
line-height: 1.2;
 text-align: center;
    float: left;
background: #682305;
    border: 2px solid #ed9b77;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
color:#f6d8c2;
text-shadow: -4px 4px 3px #999999;
}

a:link, a:visited {
  color: #f6d8c2;
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

.positioned
 {  top: 10px;
  right: 5px;
text-align: right;
font-size: 20px;
display: flex;
   flex-direction: column;
 float: right;
 height: 250px;
 font-family: Helvetica, Arial, sans-serif;
font-style: italic;
box-sizing: border-box;
font-size: 20px;
line-height: 1.2;
}

.privetstvie
  {
font-family: Helvetica, Arial, sans-serif;
 font-style: italic;
box-sizing: border-box;
text-align: center;
font-size: 20px;
line-height: 1.2;
flex: 1;
  }
  
  h1 {
font-family: Helvetica, Arial, sans-serif;
 font-size: 40px;
  font-style: italic, oblique;
font-family: "alexbrush-regular-webfont";
font-size: 50px;
line-height: 1.8;
text-shadow: -4px 4px 3px #999999;
      }

section {
  display: flex;
flex-wrap: wrap;
 box-sizing: border-box;
 font-family: Helvetica, Arial, sans-serif;
 font-style: italic;
  color: #682305;
}

 article {
padding: 10px;
margin: 10px;
 flex: 100px;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 35px;
  font-style: italic, oblique;
font-family: "alexbrush-regular-webfont";
text-shadow: -4px 4px 3px #999999;
line-height: 30px;
 }
 
  span 
{
padding: 10px;
margin: 10px;
 flex: 300px;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
 font-size: 30px;
  font-style: italic, oblique;
font-family: "alexbrush-regular-webfont";
text-shadow: -4px 4px 3px #999999;
line-height: 30px;
 }
 
img  
{
  object-fit: cover;
  object-position: bottom;
}




.lowbutton
{    margin-right:1px;
    margin-bottom: 1px;
    margin-left:1px;
 padding-right:1px;
    padding-bottom: 1px;
    padding-left:1px;
        height: 130px;
    display: flex;
  align-items: center;
  justify-content: space-around;
}
button {
font-size: 22px;
line-height: 1.5;
width: 15%;
background: #c1f9f9;
font-style: italic, oblique;
font-family: "alexbrush-regular-webfont";
color: #1951e0;
background-color: rgb(207,232,220);
    border: 2px solid rgb(79,185,227);
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
 font-size: 20px;
text-shadow: -4px 4px 3px #999999;
      }

.contact {
font-family: Helvetica, Arial, sans-serif;
 font-style: italic;
font-size: 18px;
 align-items: left;
line-height: 1.2;
}