@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);body{height:100%;min-height:100%;height:450vh;scroll-behavior:smooth}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}header{display:flex;justify-content:flex-end;align-items:center;padding:0 15%}nav{z-index:10000}.logo{cursor:pointer;margin-right:auto}.nav__links{list-style:none}.nav__links li{display:inline-block;padding:0 20px}.nav__links li a{transition:all .3s ease 0s;font-size:1.2rem;color:#000;text-decoration:none;transition:.3s all;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase}.nav__links li a:hover{text-decoration:underline}.container{height:80vh;width:100%;display:flex;justify-content:center}.second-container{width:100%;height:59vh;margin-top:50%;justify-content:center;text-align:center;display:block;box-sizing:border-box;position:absolute;background:linear-gradient(45deg,#0083b0,#00b4db)}.third-container{margin-top:0;height:40vh;width:100%;margin-top:50%;position:absolute;background:linear-gradient(45deg,#0083b0,#00b4db)}.fourth-container{height:40vh;width:100%;margin-top:90%;margin-bottom:20%;position:absolute;background:linear-gradient(45deg,#0083b0,#00b4db)}.fifth-container{height:40vh;width:100%;margin-top:130%;position:absolute;background:linear-gradient(45deg,#0083b0,#00b4db)}.second-container h1{padding-top:70px;font-size:3rem;color:#fff;font-family:'Roboto Condensed',sans-serif}.second-container h2{padding-top:70px;color:#fff;font-family:'Roboto Condensed',sans-serif}.second-container button{width:150px;height:50px;margin-top:2.2%;border:none;background:#fff;border-radius:10px;transition:.1s ease all}.second-container button a{color:#0083b0;font-size:1.1rem;font-family:'Roboto Condensed',sans-serif}.container img{height:1000px;width:1000px;padding:0;margin-top:-10%!important}.third-container code,.third-container pre{margin-left:8%;margin-top:3%;width:500px;height:150px;overflow:hidden;font-size:1.1rem}.third-container img{right:5%;position:absolute;margin-top:-350px;height:600px}.third-container h1{color:#fff;font-family:'Roboto Mono',monospace;margin-left:13%;margin-top:3%;font-size:2.8rem}.fourth-container img{position:absolute;left:5%;margin-top:50px;height:600px}.fourth-container h1{color:#fff;font-family:"Roboto Mono",monospace;font-size:2.8rem;margin-top:3%;margin-left:57%}.fourth-container code,.fourth-container pre{margin-left:40%;margin-top:3%;width:800px;height:150px;overflow:hidden;font-size:1.1rem}.fifth-container img{right:5%;position:absolute;margin-top:-400px;height:600px}.fifth-container code,.fifth-container pre{padding-left:8%;padding-top:3%;width:500px;height:250px;font-size:1.1rem}.fifth-container h1{color:#fff;font-family:'Roboto Mono',monospace;margin-left:13%;margin-top:3%;font-size:2.8rem}.mainbtn{width:150px;height:50px;position:absolute;top:83%;left:40%;-ms-transform:translateY(-50%);transform:translateY(-50%);background:#219ecc;border:none}.mainbtn1{width:150px;height:50px;position:absolute;top:83%;left:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);border:none;background:0 0;transition:.1s ease all}.mainbtn1:hover{border:2px solid #219ecc}button{cursor:pointer;outline:0}button a{text-decoration:none}.mainbtn a{color:#fff; padding: 50px}.mainbtn1 a{color:#219ecc; padding: 30px;}.card-center.permahover{transform:scale(1.1) perspective(0) rotateX(0);animation:animt 5s infinite;position:relative}@keyframes animt{0%{top:0}50%{top:30px}100%{top:00px}}