@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,400;1,100&family=Cinzel:wght@400;500&family=Orbitron:wght@400;500;900&family=Rubik&display=swap";body{margin:0;padding:0;font-family:sans-serif;background-color:#000;color:#fff;scroll-behavior:smooth}#__next,body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif}a,button,i,label,p,span{font-family:Barlow Condensed,sans-serif}nav{background-color:#fff;position:relative;color:#000;padding:10px;display:flex;flex-direction:row;align-items:center}nav h1{margin:0;font-size:1.7rem}ul{z-index:9999999}.options.open{z-index:999}@media(min-width:770px){nav{justify-content:space-between}.ul{display:flex;position:relative!important;flex-direction:row!important;height:-webkit-max-content!important;height:-moz-max-content!important;height:max-content!important;justify-content:center;align-items:center}.ul li{list-style:none}.ul li a,.ul li button{color:#000;padding:10px 20px;text-decoration:none;font-size:1.2rem}.ul li a:hover,.ul li button:hover{background-color:#fff;color:#000;text-decoration:underline}}@media(max-width:770px){nav{justify-content:space-between}.ul{flex-direction:column;padding:0;position:absolute;top:0;left:-40vw;background-color:#000;width:40vw;height:100vh;margin:0;transition:left 1.2s ease-in-out}.ul,.ul li{display:flex}.ul li a,.ul li button{height:40px;width:100%;padding:20px 30px;color:#fff;text-decoration:none;font-size:1.2rem;text-align:end}.ul li a:hover,.ul li button:hover{background-color:#fff;color:#000;text-decoration:underline}.ul.open{left:0}.navbar,.ul.open{transition:left 1.2s ease-in-out}.navbar{display:flex;flex-direction:column;grid-gap:6px;gap:6px;left:-4vw;position:relative;left:0}.navbar .bar{background-color:#000;border-radius:30px;height:6px;width:35px}.navbar.open{left:40vw;transition:left 1.2s ease-in-out}.left-items{display:flex;flex-direction:row;grid-gap:20px;gap:20px}}.profile-settings{display:flex;flex-direction:row;font-size:1.3rem;padding-right:100px;position:relative;cursor:pointer}.profile-settings .top-settings{position:absolute;top:40px;left:-70px;background-color:#fff;padding:0;margin:0;border:3px solid gray;border-radius:30px}.profile-settings .top-settings li{list-style:none;height:50px;padding:5px 40px;display:flex;align-items:center;grid-gap:10px;gap:10px}.profile-settings .top-settings li a{color:#000;text-decoration:none}.profile-settings .top-settings li a:hover{text-decoration:underline}.profile-settings .top-settings li button{background-color:#fff;width:100%;border:none;font-size:1.2rem}.profile-settings .top-settings li button:hover{text-decoration:underline}.options.open{display:flex}.options{display:none}@media(max-width:320px){.options{left:-50px!important}}@media(min-width:770px){.options{left:-150px}}.welcome-grid-items{display:grid;padding:20px 0}.welcome-grid-items a{color:#fff;text-decoration:none;background-image:linear-gradient(90deg,#0f2027,#203a43,#2c5364);cursor:pointer;padding:20px;margin-bottom:20px;border-radius:20px}.welcome-grid-items a .welcome-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;z-index:400}.welcome-grid-items a .welcome-content p{width:70%}.welcome-grid-items .fas{font-size:3rem}@media(max-width:770px){.welcome-grid-items{grid-template-columns:1fr}}@media(min-width:770px){.welcome-grid-items{grid-template-columns:repeat(3,1fr);place-items:center;grid-gap:30px;gap:30px;padding-bottom:20px}}footer{display:flex;flex-direction:column;padding:0 30px}footer h1{text-align:center}footer .items{display:grid;grid-template-columns:repeat(3,1fr);place-items:center}footer .items a{font-size:1.2rem}footer .items .links{display:flex;flex-direction:column}footer .items .links a{color:#fff;height:50px;text-decoration:none}footer .items .links a:hover{text-decoration:underline}footer .items .privacy-policy{display:flex;flex-direction:column}footer .items .privacy-policy a{color:#fff;height:50px;text-decoration:none}footer .items .privacy-policy a:hover{text-decoration:underline}@media(max-width:770px){.items{grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)!important;align-items:baseline!important}.items .logo{display:none}}.parentBlog{display:flex;align-items:center;justify-content:center}.singleBlog{display:flex;flex-direction:column;max-width:600px;padding:30px}.singleBlog .sub{margin-top:30px}.singleBlog .sub .author{color:gray;font-size:1.5rem}.singleBlog h1{text-align:center}.singleBlog p{align-items:baseline;font-size:1.5rem}.singleBlog .image{display:flex;align-items:center}.settings h1{text-align:center}.home header{background-image:url(/_next/static/media/speed.162d5d8a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:90vh;display:flex;align-items:center;padding:0 30px}.home header section{max-width:50vw}.home header h1{font-size:3rem}.home header p{font-size:2rem}.home header i{font-size:1.5rem}main{margin:0 auto}main h2{text-align:center;padding-top:20px}main .welcome{padding:0 30px;background-color:#fff;color:#000}main .welcome p{font-size:1.4rem}.popLogo{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;display:grid;place-items:center;z-index:99999}@media(max-width:770px){header h1{font-size:2rem!important}header p{font-size:1.3rem!important}}.login{align-items:center;min-height:80vh}.login,.login form{display:flex;flex-direction:column;justify-content:center}.login form{max-width:50%;border:3px solid #fff;padding:20px;border-radius:10px;margin-top:20px}.login form h1{margin:0}.login form label{padding-bottom:5px}.login form input{margin:10px 0}.login form input,.login form textarea{font-size:1.2rem;padding:10px;border:none}.login form button{margin-top:20px;padding:15px 20px;border-radius:10px;border:2px solid #fff;font-size:1.2rem;font-family:Barlow Condensed,sans-serif;width:100%}.login form button:hover{background-color:#000;color:#fff}.login span{color:gray;cursor:pointer}.login span:hover{text-decoration:underline}.login h1{text-align:center}.container{position:absolute;background-color:#000;justify-content:center;width:100%;height:100%}.container,.container .error,.container .success{display:flex;flex-direction:column;align-items:center}.container .error,.container .success{border:3px solid #fff;border-radius:30px;padding:30px}.container .error a,.container .error button,.container .success a,.container .success button{background-color:#fff;color:#000;padding:15px 20px;font-size:1.3rem;border:1px solid #fff;border-radius:30px;cursor:pointer;text-decoration:none}.write{padding-top:40px;display:grid;place-items:center}.write .form{display:flex;grid-gap:30px;gap:30px}.write .form .blog-textarea{max-width:60vw}.write .write-image{width:60vw;height:300px;background:url(/_next/static/media/man-walking.e462991f.jpg);background-size:cover;background-position:50%}.write .image-text{display:flex;flex-direction:row;align-items:center;width:60vw;grid-gap:30px;gap:30px;margin:40px 0}.write .image-text .file-label{border:1px solid #fff;width:7px!important;height:7px!important;padding:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer;border-radius:50px}.write .image-text .file-input{display:none}.write .image-text .top-input{width:100%;font-size:1.5rem;padding:10px 5px;background-color:#000;border:0;border-bottom:1px solid #fff;color:#fff}.write .blog-textarea{width:100%;font-size:1.3rem;background-color:#000;color:#fff;padding:10px;border-radius:10px}.write .illustration{display:flex;flex-direction:column;border:1px solid #fff;padding:30px;height:-webkit-max-content;height:-moz-max-content;height:max-content;align-items:center}.write .illustration .levels{display:flex;flex-direction:column;width:90%;grid-gap:20px;gap:20px}.write .illustration .levels .sideBtn{padding:10px;border-radius:30px;color:#fff;background-color:#000;border:1px solid #fff;font-size:1.3rem}.write .illustration .levels .sideBtn.pushed{background-color:#fff!important;color:#000!important}.write .illustration label{width:90%}.write .illustration .input-side{width:90%;padding:10px 5px;font-size:1.1rem;background-color:#000;border:0;border-bottom:1px solid #fff;color:#fff}.write .illustration .submit-btn{width:90%;margin-top:20px;background-color:#fff;color:#000;padding:20px 0;border-radius:20px;border:1px solid #fff;font-size:1.2rem}.write .illustration .submit-btn:hover{background-color:#000;color:#fff}.write .illustration .submit-btn:disabled{background-color:gray;color:#fff}.submitted-wrapper{height:100vh;width:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;z-index:99999999999;background-color:#000}.submitted-wrapper,.submitted-wrapper .submitted{display:flex;justify-content:center;align-items:center}.submitted-wrapper .submitted{padding:30px;border:1px solid #fff!important;border-radius:30px;flex-direction:column}.submitted-wrapper .submitted a{background-color:#fff;color:#000;cursor:pointer;text-decoration:none;font-size:1.1rem;padding:20px;border-radius:20px}@media(max-width:1024px){.form{flex-direction:column!important;justify-content:center;align-items:center}.form .illustration{width:100%;display:flex}}@media(min-width:1024px){.illustration{max-width:30vw}}.beginner h1,.blogs h1,.expert h1,.indeterminate h1{text-align:center}.main-blogs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px;grid-template-rows:1fr;place-items:center}.main-blogs .blogs{display:grid;max-width:500px;width:300px;background-color:#fff;color:#000;border-radius:20px}.main-blogs .blogs .content{padding:10px;height:50%}.main-blogs .blogs .content p{font-size:1.2rem}.main-blogs .blogs .top-content{margin-bottom:20px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;font-size:1.1rem}.main-blogs .blogs .image{height:50%}.main-blogs .blogs img{border-radius:10px 10px 0 0}.main-blogs .blogs h3{cursor:pointer}.blog-parent h1{text-align:center}.notLoggedIn{display:flex;align-items:center;justify-content:center;flex-direction:column}.notLoggedIn a{padding:20px;border:1px solid #fff;border-radius:30px;color:#fff;font-size:1.3rem;text-decoration:none;background-color:#000}.notLoggedIn a:hover{background-color:#fff;color:#000}@media(min-width:670px){.beginner .main-blogs,.blogs .main-blogs,.expert .main-blogs,.indeterminate .main-blogs{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:1310px){.beginner .main-blogs,.blogs .main-blogs,.expert .main-blogs,.indeterminate .main-blogs{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:990px){.beginner .main-blogs,.blogs .main-blogs,.expert .main-blogs,.indeterminate .main-blogs{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:0px){.beginner .main-blogs,.blogs .main-blogs,.expert .main-blogs,.indeterminate .main-blogs{grid-template-columns:1fr}}.profile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 30px;margin-top:20px;min-height:80vh}.profile h1{text-align:center}.profile .top-items{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:30px;gap:30px}.profile .top-items p{font-size:1.4rem}.about h1,.profile .blogs{text-align:center}.about main{width:70vw;grid-gap:30px;gap:30px}.about main p{font-size:2rem}.contact{align-items:center}.contact,.contact form{display:flex;flex-direction:column}.contact form{max-width:50%;justify-content:center;border:3px solid #fff;padding:20px;border-radius:10px}.contact form label{padding-bottom:5px}.contact form input{margin:10px 0}.contact form input,.contact form textarea{font-size:1.2rem;padding:10px;border:none}.contact form button{margin-top:20px;padding:15px 20px;border-radius:10px;border:2px solid #fff;font-size:1.2rem;font-family:Barlow Condensed,sans-serif;width:100%}.contact form button:hover{background-color:#000;color:#fff}