@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

a{
    font-size: 36px;
    text-decoration: none;
    color: #26110C;
    transition-duration: 1s;
    font-family: 'Raleway', sans-serif;
}

a:hover{
    color: #732727;
}

a:visited{
    color: #26110C;
}

body{
    background-color: #F2A76687; /*#D9B9A7;*/
}

br{
    margin-bottom: 18px;
}

div.main_block{
    width: max(50%, 500px);
    max-width: min(100%, 800px);
    margin: 0 auto;
    padding-top: 50px;
}

h1{
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
}

h2{
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
}

h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;  
}

h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
}

hr{
    border: 0;
    border-bottom: dashed;
}

img{
    padding: 15px 0;
    width: 100%;
}

p{
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
}

select {

  /* styling */
  background-color: #F2A76652;
  border: thin solid #F23030;
  border-radius: 4px;
  display: block;
  font: inherit;
  font-size: 20px;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0 auto;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.select-css {
    background-image:
	linear-gradient(45deg, transparent 50%, #260101 0%),
	linear-gradient(135deg, #260101 50%, transparent 0%);
  background-position:
      calc(100% - 21px) calc(1em + 2px),
      calc(100% - 13px) calc(1em + 2px);
  background-size:
      8px 8px, 8px 8px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
