@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); 

:root{
    --clr-primary: #43d7ff;
    --txt-primary: 'Inter', cursive;
}
*,
:after,
:before {
  box-sizing: border-box;
  letter-spacing: 1px;
  word-spacing: 1px;  
  font-family: var(--txt-primary);  
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
}
body {
  margin: 0;
  line-height: inherit;
}

html,body{
  width: 100vw;
  height: 100vh;
  background: linear-gradient(116.93deg,#3f4954 1%,#26292d 80%);
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit;
  cursor: pointer;
}

.main {
  width: 100vw;
  min-height: 100vh;
  position: fixed;
  display: flex;
  justify-content: center;
  padding: 120px 24px 160px;
  pointer-events: none;
  background-image: url('../img/bg-cover.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.main h1{
    color: var(--clr-primary);
    font-size:3.75rem;
    line-height: 1;
    font-weight: bold;
    background: #EAB307;
    background: linear-gradient(to right, #EAB307 0%, #EA580C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 1px 0px 1px rgba(255, 255, 255, 1);    
}

.main h3{
    font-size:2.75rem;
    color: #ffffff;
}


.main p{
    font-size:1.75rem;
    color: #ffffff;
}