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

/*
! tailwindcss v3.0.12 | MIT License | https://tailwindcss.com
*/

*,:after,:before{
  box-sizing:border-box;
  border:0 solid #e5e7eb
}

:after,:before{
  --tw-content:""
}

html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:Rubik,sans-serif
}

body{
  margin:0;
  line-height:inherit
}

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

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

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

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

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-size:100%;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

[type=button],[type=reset],[type=submit],button{
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

:-moz-ui-invalid{
  box-shadow:none
}

progress{
  vertical-align:baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
  margin:0
}

fieldset{
  margin:0
}

fieldset,legend{
  padding:0
}

menu,ol,ul{
  list-style:none;
  margin:0;
  padding:0
}

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

[role=button],button{
  cursor:pointer
}

:disabled{
  cursor:default
}

audio,canvas,embed,iframe,img,object,svg,video{
  display:block;
  vertical-align:middle
}

img,video{
  max-width:100%;
  height:auto
}

[hidden]{
  display:none
}

*,:after,:before{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto
}

@media (min-width:640px){
  .container{
    max-width:640px
  }
}

@media (min-width:768px){
  .container{
    max-width:768px
  }
}

@media (min-width:1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width:1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width:1536px){
  .container{
    max-width:1536px
  }
}

.static{
  position:static
}

.relative{
  position:relative
}

.order-1{
  order:1
}

.order-2{
  order:2
}

.order-4{
  order:4
}

.order-3{
  order:3
}

.order-5{
  order:5
}

.order-6{
  order:6
}

.-mb-1\.5{
  margin-bottom:-.375rem
}

.-mb-1{
  margin-bottom:-.25rem
}

.mt-4{
  margin-top:1rem
}

.mt-6{
  margin-top:1.5rem
}

.-mb-2{
  margin-bottom:-.5rem
}

.mt-16{
  margin-top:4rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-2{
  margin-top:.5rem
}

.mt-1\.5{
  margin-top:.375rem
}

.mt-1{
  margin-top:.25rem
}

.mt-3{
  margin-top:.75rem
}

.flex{
  display:flex
}

.grid{
  display:grid
}

.aspect-square{
  aspect-ratio:1/1
}

.h-screen{
  height:100vh
}

.h-full{
  height:100%
}

.h-48{
  height:12rem
}

.w-full{
  width:100%
}

.w-20{
  width:5rem
}

.max-w-5xl{
  max-width:64rem
}

.max-w-7xl{
  max-width:80rem
}

.cursor-pointer{
  cursor:pointer
}

.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.flex-col{
  flex-direction:column
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.gap-1{
  gap:.25rem
}

.gap-4{
  gap:1rem
}

.gap-20{
  gap:5rem
}

.gap-12{
  gap:3rem
}

.gap-8{
  gap:2rem
}

.gap-3{
  gap:.75rem
}

.self-start{
  align-self:flex-start
}

.self-center{
  align-self:center
}

.overflow-hidden{
  overflow:hidden
}

.whitespace-nowrap{
  white-space:nowrap
}

.rounded-lg{
  border-radius:.5rem
}

.rounded-xl{
  border-radius:.75rem
}

.border-2{
  border-width:2px
}

.border-emerald-400{
  --tw-border-opacity:1;
  border-color:rgb(52 211 153/var(--tw-border-opacity))
}

.border-opacity-0{
  --tw-border-opacity:0
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/75{
  background-color:rgba(0,0,0,.75)
}

.bg-neutral-700\/50{
  background-color:rgba(64,64,64,.5)
}

.bg-emerald-500{
  --tw-bg-opacity:1;
  background-color:rgb(16 185 129/var(--tw-bg-opacity))
}

.bg-neutral-400\/20{
  background-color:hsla(0,0%,64%,.2)
}

.bg-emerald-400{
  --tw-bg-opacity:1;
  background-color:rgb(52 211 153/var(--tw-bg-opacity))
}

.bg-neutral-500\/10{
  background-color:hsla(0,0%,45%,.1)
}

.bg-\[url\(\'\/assets\/blairhacks_4\.jpg\'\)\]{
  background-image:url(/assets/blairhacks_4.jpg)
}

.bg-cover{
  background-size:cover
}

.bg-center{
  background-position:50%
}

.p-8{
  padding:2rem
}

.p-4{
  padding:1rem
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem
}

.py-1{
  padding-top:.25rem;
  padding-bottom:.25rem
}

.py-1\.5{
  padding-top:.375rem;
  padding-bottom:.375rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.py-28{
  padding-top:7rem;
  padding-bottom:7rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.pt-1\.5{
  padding-top:.375rem
}

.pb-0\.5{
  padding-bottom:.125rem
}

.pt-1{
  padding-top:.25rem
}

.pb-0{
  padding-bottom:0
}

.pt-4{
  padding-top:1rem
}

.text-5xl{
  font-size:3rem;
  line-height:1
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem
}

.text-lg,.text-xl{
  line-height:1.75rem
}

.text-lg{
  font-size:1.125rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-xs{
  font-size:.75rem;
  line-height:1rem
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.font-extrabold{
  font-weight:800
}

.font-medium{
  font-weight:500
}

.font-semibold{
  font-weight:600
}

.font-thin{
  font-weight:100
}

.font-bold{
  font-weight:700
}

.leading-5{
  line-height:1.25rem
}

.leading-6{
  line-height:1.5rem
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.text-amber-300{
  --tw-text-opacity:1;
  color:rgb(252 211 77/var(--tw-text-opacity))
}

.text-emerald-400{
  --tw-text-opacity:1;
  color:rgb(52 211 153/var(--tw-text-opacity))
}

.text-emerald-500{
  --tw-text-opacity:1;
  color:rgb(16 185 129/var(--tw-text-opacity))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0/var(--tw-text-opacity))
}

.underline{
  text-decoration-line:underline
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.duration-300{
  transition-duration:.3s
}

body,html{
  padding:0;
  margin:0
}

.hover\:border-opacity-100:hover{
  --tw-border-opacity:1
}

.hover\:underline:hover{
  text-decoration-line:underline
}

@media (min-width:640px){
  .sm\:order-3{
    order:3
  }

  .sm\:order-4{
    order:4
  }

  .sm\:mt-0\.5{
    margin-top:.125rem
  }

  .sm\:mt-0{
    margin-top:0
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .sm\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .sm\:flex-row{
    flex-direction:row
  }

  .sm\:items-end{
    align-items:flex-end
  }

  .sm\:gap-6{
    gap:1.5rem
  }
}

@media (min-width:768px){
  .md\:flex-row{
    flex-direction:row
  }

  .md\:text-6xl{
    font-size:3.75rem;
    line-height:1
  }

  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }

  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }

  .md\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem
  }
}

@media (min-width:1024px){
  .lg\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }
}