*{padding: 0; margin:0; font-family: Helvetica; color: white;}
body{background-color: rgba(37, 39, 39);}
a{text-decoration: none; transition: .2s all; color: #7cfb2d;}
a:hover{color:rgb(13, 171, 219);}

.f1, .f2, .f3, .f4, .f5, .f6, .f7, .f99{height: 80vh; background-color: rgb(37, 39, 39);}
.f1 h2, .f2 h2, .f3 h2, .f4 h2, .f5 h2, .f6 h2, .f7 h2{margin-left: 5%; padding-top: 30px; padding-bottom: 30px;}
.f1 h2{margin-left: 0%;}
.f3 ol li span{color: #abf57d;}
.f4 ol li span{color: #135aff;}
.f5 ol li span{color: #d2ff09;}
.f6 ol li span{color: #ff7b08;}
.f7 ol li span{color: #135aff;}

.f1{text-align: center;}
.f1 h2{padding: 150px; margin-bottom: 120px; font-size: 30px;}
.f1 span{color: rgb(18, 203, 18);}
.f1 img{max-width: 35px; margin-top: 9px;}

.f2 h2{margin-left: 5%; padding-top: 30px; padding-bottom: 30px;}
.f2 ol{padding-left: 9%;}
.f2 ol li{padding: 5px;}

.f3 ol{padding-left: 9%;}
.f3 p{text-align: center; margin-top: 30px;}

.f4 ol{padding-left: 9%;}
.f4 p{text-align: center; margin-top: 30px;}

.f5 ol{padding-left: 9%;}
.f5 p{text-align: center; margin-top: 30px;}

.f6 ol{padding-left: 9%;}
.f6 p{text-align: left; margin-top: 30px;}
.f6 p span{color: #135aff;}
.f6-f{margin-left: 10%; margin-right: 10%;}

.f99-f{padding-top: 30px; display: flex; text-align: center; margin-left: 5%; margin-right: 5%; justify-content: space-between;}
.f99-ff{text-align: center;}
.f99-ff h3{margin-top: 180px;}
.f99-fff{text-align: center; margin-top: 110px;}

/* MENU */

.menu_bar{margin: 0 auto; backdrop-filter: blur(30px); width: min-content; box-shadow: 0px 0px 30px rgba(227, 228, 237, 0.37); border: 2px solid rgba(255,255,255,0.18); height: 50px; border-radius: 20px; height: 75px; display: flex; margin-top: 20px; justify-content: center; align-items: center; padding: 0 5%; position: -webkit-sticky; position: sticky; top: 0; z-index: 9999;}
.menu_bar .logo{color: #7cfb2d; font-size: 20px; border-right: 2px solid white; padding-right: 10px;}
.logo span{color: #7cfb2d;}
.menu_bar ul{list-style: none; display: flex;}
.menu_bar ul li{padding: 10px 20px;}
.menu_bar ul li a{color: #e9e9e9; text-decoration: none; font-size: 16px; transition: .4s;}
.menu_bar ul li a:hover{color: #7cfb2d;}