:root{--text-color:#fff;--background-color:#000;--primary-color:#a6d71c;--secondary-color:#29741d}body{box-sizing:border-box;padding:0;margin:0;background-color:var(--background-color)}#logo{margin-left:.75rem;display:flex;align-items:center;justify-content:center}#logo img{width:4rem;height:4rem}nav{display:grid;grid-template-columns:1fr 4fr 2fr;align-items:center;border-radius:8px;margin:.1rem;background-color:hsla(0,0%,100%,.1);position:fixed;top:0;left:0;right:0;z-index:5;font-family:Poppins,sans-serif}nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;position:absolute;right:2rem}nav ul li a{text-decoration:none;font-size:.9rem;font-weight:700;color:var(--text-color);padding:.75rem;cursor:pointer;letter-spacing:1px;transition:.15s ease-in-out;text-transform:uppercase}nav ul li a:hover{color:#2e8b57;text-shadow:1px 1px 1px rgba(0,0,0,.25);text-decoration:underline}.nav-close,.nav-open{font-size:1.6rem;position:absolute;top:1rem;right:2rem}section{background-color:rgba(0,0,0,.5);border-radius:5px;margin:2rem;color:var(--text-color);flex-wrap:wrap}#section-1 div,section{display:flex;justify-content:center;align-items:center}#section-1 div{width:40rem;flex-direction:column;margin:.5rem .5rem 0;padding:.5rem}#section-1 img{width:80%}#section-1 div h2{font-weight:bolder;color:#29741d;font-size:2.4rem;text-align:center}#section-1 div p{font-weight:400;font-size:1.2rem;text-align:center;font-family:Courier New,Courier,monospace;letter-spacing:1px}#list-btn,#start-btn{background-color:var(--secondary-color);padding:10px 25px;border:none;border-radius:5px;color:#fff;font-size:1.4rem;cursor:pointer;margin:10px;width:150px;font-weight:700;text-decoration:none;text-align:center}#list-btn{background-color:var(--primary-color)}#list-btn:hover,#start-btn:hover{opacity:.75}#btn-box{display:flex;padding:10px;flex-wrap:wrap;justify-content:center;align-items:center}#section-2{display:flex;flex-direction:column;background-color:#00000023}#section-2 h3{color:#29741d;font-size:32px}#section-2 .box a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:16rem;height:16rem;padding:1rem;margin:1rem;border-radius:16px;text-decoration:none;background-image:linear-gradient(90deg,#0097b26d,#7ed9579a)}#section-2 .box a:hover{opacity:.75}#section-2 .box a span{font-size:1.3rem;color:#fff;font-weight:700;letter-spacing:1px}#section-2 .box a p{font-size:1.2rem;color:hsla(0,0%,100%,.7);letter-spacing:1px;text-align:center}#section-2 .box a img{width:5rem;margin:2rem;opacity:.2;height:auto}#section-2 .box{display:flex;border-radius:8px;justify-content:center;align-items:center;flex-wrap:wrap}#section-3{display:flex;min-height:auto;overflow:hidden;background-color:#000;margin-bottom:5rem}#section-4{flex-direction:column}#section-4 h3{color:#29741d;font-size:2.8rem;font-weight:700}#section-4 ul{display:flex;flex-direction:column;width:90%;height:auto;border:1px #000;background-color:rgba(0,255,17,.05);font-size:1.4rem}#section-4 ul li{padding:1.5rem}#section-4 ul li span{color:#0097b2;font-size:1.2rem}#section-4 ul li .command-syntax{color:hsla(0,0%,100%,.7);padding:.5rem;font-size:1rem}.logos{overflow:hidden;white-space:nowrap;position:relative}.logos-slide{display:inline-block;animation:slide 25s linear infinite}.logos-slide img{width:4rem;margin:1rem 4rem}.logos:hover .logos-slide{animation-play-state:paused}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-75%)}}footer{display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;margin:.1rem;color:var(--text-color);opacity:.5;font-size:.7rem;font-weight:700;text-align:center;position:fixed;bottom:0;left:0;right:0;letter-spacing:1px;z-index:5}