@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Montserrat", sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: center;
}

a, a:hover {
    text-decoration: none;
}

p {
    margin: 0 ;
}

ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 ;
}

button {
    border: none;
    cursor: pointer;
    background-color: none;
}

button:focus {
    outline: none;
}

input:focus {
    outline: none !important;
}

h1,h2,h3,h4,h5,h6{
    margin:0 !important;
}
.pageConst{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    /* background-color: red; */
    margin: 0 auto;
    height: 100vh;
}

.pageConst img{
    height: 20rem;
}

.pageConst h2{
    font-size: 4rem;
}

.pageConst p{
    font-size: 1.6rem;
}

.pageConst  button{
    color: black;
    background-color: transparent;
    /* border: 1px solid #FF7900; */
    transition: all .3s ease-in-out;
    padding: 15px ;
    font-size: 17px;
    margin-top: 30px;
}



.offset {  
  box-shadow:  0.3em 0.3em 0 0 black, inset 0.3em 0.3em 0 0 black;
}

.offset:hover , .offset:focus {
    box-shadow: 
      0 0 0 0 black,
      inset 6em 3.5em 0 0 black;
      color: white;
}

@media only screen and (max-width: 800px) {
  .pageConst h2{
    font-size: 4rem;
  }

  .pageConst p {
    font-size: 1.6em;
  }

  .pageConst{
    width: 100%;
    }
}

@media only screen and (max-width: 630px) {
  .pageConst h2 {
    font-size: 2em;
  }
  .pageConst p {
    font-size: 1.2em;
  }

  .pageConst img{
    height: 18rem;
}
.top-header{
  position: fixed;
}
}