/*RESET*/

*{
  box-sizing:border-box;
}

html,
body{
  height:100%;
}

html{
  scrollbar-gutter: stable;
}

/*BODY*/

body{
  margin:0;
  font-family:Arial, sans-serif;
  background:#f2f2f3;
  color:#111;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

/*MAIN*/

main{
  flex:1;
  padding-top:80px;
}

/*CONTAINER*/

.container{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:0 clamp(16px, 4vw, 48px);
}

/*IMAGE SAFETY*/

img{
  max-width:100%;
  height:auto;
  display:block;
}

/*TYPOGRAPHY*/

h1,
h2,
h3,
h4,
h5,
h6{
  margin-top:0;
  line-height:1.2;
}

p{
  line-height:1.7;
}

/*LINK*/

a{
  color:inherit;
}