.homeCardContainer{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;height:90.1vh}.card{border:1px solid #63ffcc;padding:3px;min-width:300px;height:150px;display:flex;justify-content:center;place-items:center;color:#fff}.card{background-color:#63ffcc}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(30deg,rgb(73 69 107),rgb(97 92 136));padding:0;margin:0}.services{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;margin:30px auto 20px}.service{display:flex;justify-content:center;align-items:center;height:260px;width:400px;margin-right:20px;margin-bottom:20px;position:relative;transform-style:preserve-3d;perspective:700px;cursor:pointer}.front{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;backface-visibility:hidden;transform:rotateX(0);transform-style:preserve-3d;background-image:linear-gradient(45deg,rgb(58,58,58),rgb(22,22,22));transition:1s;border-radius:5px}.back{position:absolute;color:#f5f5f5;text-align:center;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;transform:rotateX(-180deg);background-image:linear-gradient(45deg,rgb(36,36,36),rgb(71,71,71));transition:1s;border-radius:5px}.service:hover .back{transform:rotateX(0)}.front h4{color:#fff;font-size:1.5rem;font-weight:400;transform:translateZ(70px)}.back h4{display:inline-block;margin:20px auto 15px;transform:translateZ(70px);color:#f5f5f5}.back p{margin:0 40px;transform:translateZ(70px);font-size:14px;text-align:left}.service1 .front{background:linear-gradient(45deg,rgb(91 108 196),rgb(139 175 217))}.service2 .front{background:linear-gradient(45deg,rgb(244 165 192),rgb(143 87 177))}.service3 .front{background:linear-gradient(45deg,rgb(203 106 153),rgb(217 181 134))}.service4 .front{background:linear-gradient(45deg,rgb(106,203,187),rgb(157,216,112))}.service5 .front{background:linear-gradient(45deg,rgb(189,217,134),rgb(154,162,93))}.service6 .front{background:linear-gradient(45deg,rgb(203,158,106),rgb(230,118,73))}.service:hover .front{transform:rotateX(180deg)}.footer{text-align:center;font-weight:400;padding:0 auto}.footer span{color:#fff}@media (max-width: 1350px){.service{width:360px;height:240px}.services{padding:5px!important}}@media (max-width: 1150px){.service{width:330px;height:220px}.services{padding:5px!important}}body{background:rgb(90,85,127)!important;height:100%;padding:0}.QuestionDiv{display:flex;flex-direction:column;justify-content:space-between;margin:0}.QuestionContainer{color:#fff!important;background:#fff;background-color:#282727!important;font-size:large;letter-spacing:1px}.codeContainer{padding:10px}.codeContainer .bottom{display:flex;gap:10px;justify-content:space-evenly}.output{overflow-x:hidden;overflow-y:scroll}.output::-webkit-scrollbar{width:8px}.output::-webkit-scrollbar-track{border-radius:4px}.output::-webkit-scrollbar-thumb{border-radius:4px}.codeContainer .bottom .output{height:200px;width:400px;border-radius:10px;background-color:#00000065;background-color:#1e1e1e;padding:10px;color:#90ee90;font-family:cursive}.output.danger{color:red!important}.outputLoader{display:flex;justify-content:center;align-items:center}.customInputs{height:120px;width:380px;margin:15px 0}.textArea{width:100%!important;height:100%!important;border-radius:10px;padding:10px;box-shadow:4px 4px 3px #000;outline:0;transition:all 1s}.textArea:hover,.textArea:focus{box-shadow:0 0 0 transparent}.bottom .execute{padding:10px;border-radius:5px;box-shadow:4px 4px 3px #000;cursor:pointer;margin-right:10px;width:160px;text-align:center}.bottom .execute:hover{box-shadow:0 0 0 transparent}.editor{width:900px!important}@media (max-width: 1550px){.codeContainer .bottom .output{width:450px}.customInputs{width:400px;height:150px}.editor{width:1000px!important}}body{background:linear-gradient(30deg,rgb(73 69 107),rgb(97 92 136));height:100vh}.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:20px;width:500px;background-color:#fff;padding:30px;border-radius:10px;box-shadow:15px 15px 10px #000}.input-field:not(.input-field:nth-child(3)){background-color:#f0f8ff;border-radius:5px}.input-field input{background:transparent;width:250px;height:50px;border:0;outline:none;z-index:2}.input-field button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;background:linear-gradient(45deg,rgb(91 108 196),rgb(139 175 217))!important;cursor:pointer;transition:border-color .25s;margin:5px;width:200px}.input-field button:hover{border-color:#646cff;border-color:#62fecc80}.input-field button:focus,.input-field button:focus-visible{outline:none}