@font-face { font-weight: 300; font-family: 'Figtree'; src: url('../../assets/fonts/Figtree-Light.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 400; font-family: 'Figtree'; src: url('../../assets/fonts/Figtree-Regular.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 500; font-family: 'Figtree'; src: url('../../assets/fonts/Figtree-Medium.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 600; font-family: 'Figtree'; src: url('../../assets/fonts/Figtree-SemiBold.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 600; font-family: 'Bricolage'; src: url('../../assets/fonts/BricolageGrotesque-SemiBold.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 700; font-family: 'Figtree'; src: url('../../assets/fonts/Figtree-Bold.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 900; font-family: 'Figtree'; src: url('../../assets/fonts/Figtree-Black.ttf') format('truetype'); font-style: normal; font-display: swap }

*{ font-family: "Figtree"!important; }
.wrap{ width: 1360px; margin: 0 auto; }
html { scroll-behavior: smooth; }

.main{
  background-image: url('../../images/main.png');
  background-size: 100% 100%;
  width: 100%;
  height: 100vh;
}