@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&display=swap);*{font-family:sans-serif}body{background-color:#ecf8f9;box-sizing:border-box;color:#777;height:100vh;margin:0;padding:0;width:100vw}p{font-size:14px;font-weight:200}.app{margin:0 40px 0 85px}.search-section{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;width:90%}.search-section p{font-size:20px}.surprise{background-color:#ececf1;border-radius:5px;color:#000;cursor:pointer;font-weight:600;margin:0 0 2px 5px;padding:4px 12px}.input-container{background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #005200;display:flex;margin-top:5px;overflow:hidden;width:100%}.input-container input{background-color:#ecf8f9;border:none;box-shadow:0 1px 1px #005200;box-sizing:border-box;font-size:20px;font-weight:200;outline:none;padding:13px 14px;width:90%}.input-container input::-webkit-input-placeholder{color:#cacaca;font-weight:200}.input-container input::placeholder{color:#cacaca;font-weight:200}.input-container button{background-color:#fff;border:none;border-left:1px solid #cacaca;color:#777;cursor:pointer;font-size:25px;font-weight:700;width:10%}.input-container button:active{background-color:#cacaca}.image-section{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px;width:100%}.image-section img{flex-grow:1;margin:1px;max-width:33%;min-width:50px}@media(max-width:556px){.image-section img{max-width:100%}}.code{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px #000;display:flex;flex-direction:column;height:80vh;margin-left:10%;margin-top:25px;width:80%}.code .input{font-size:20px;height:30vh}.code textarea::-webkit-input-placeholder{font-size:25px}.code textarea::placeholder{font-size:25px}.code-display{background-color:#222}.code-display,.code-display-s{border-radius:8px;height:96%;margin:2%;overflow:hidden;width:96%}.code-display-s{background-color:#dde6ed;border:1px solid #000;border-radius:5px;box-sizing:border-box}.code-output{margin:20px}.code-output p{color:#b75301;font-size:150%}.code-output .p,.resolve{color:#000}.resolve{font-size:30px;font-weight:700;margin-bottom:0;text-align:center}.buttons{align-items:center;background-color:#323232;display:flex;height:35px;padding-left:5px;width:100%}.button{background-color:red;border-radius:50%;height:15px;margin:4px;width:15px}.button.first{background-color:#ff6056}.button.middle{background-color:#ffbd2d}.button.last{background-color:#26c940}input,textarea{border:1px solid #000;border-radius:5px;box-sizing:border-box;margin:2%;padding:16px}.button-container{display:flex;justify-content:flex-end;margin:2%}.button-container button{border:none;margin:5px;padding:7px;text-overflow:uppercase}button#get-query{background-color:#ff5f56}#solution,button#get-query{border-radius:10px 0 0 10px}#solution{background-color:#dde6ed;font-size:20px;margin-bottom:30px;margin-right:30px}button#clear-chat{background-color:#ffbd2d;border-radius:0 10px 10px 0}.header{align-items:center;background-color:#ecf8f9;display:flex;justify-content:space-between}.header .logo{color:#000;font-family:Sriracha,cursive;font-size:30px;margin-left:30px;text-decoration:none}.nav-items{align-items:center;background-color:#ecf8f9;display:flex;justify-content:space-around;margin-right:20px}.nav-items a{color:#000;font-size:25px;padding:35px 20px;text-decoration:none}.intro{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5)),url(https://images.unsplash.com/photo-1587620962725-abab7fe55159?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1031&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:600px;justify-content:center;width:100%}.intro h1{color:#fff;font-size:50px;font-weight:700;margin:0}.intro h1,.intro p{font-family:M PLUS Rounded\ 1c,sans-serif;text-transform:uppercase}.intro p{color:#d1d1d1;margin:20px 0;text-align:center}.btn,.intro p{font-size:20px}.btn{background:radial-gradient(100% 100% at 100% 0,#15bdeb 0,#919cf4 100%);border:0;border-radius:6px;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(200,181,240,.3),inset 0 -3px 0 rgba(58,65,111,.5);color:#fff;cursor:pointer;display:inline-block;margin-top:4px;outline:0;padding:10px 25px;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.4);transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:box-shadow .15s ease,transform .15s ease;transition:box-shadow .15s ease,transform .15s ease,-webkit-transform .15s ease;will-change:box-shadow,transform;:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #3c4fe0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}:active{box-shadow:inset 0 3px 7px #3c4fe0;-webkit-transform:translateY(2px);transform:translateY(2px)}}.achievements{display:flex}.achievements .work{flex:1 1;padding:20px;text-align:center}.achievements .work i{border:2px solid #333;border-radius:50%;color:#333;font-size:50px;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.achievements .work .work-heading{color:#333;font-size:20px;margin:10px 0;text-transform:uppercase}.achievements .work .work-text{color:#585858;font-size:15px;margin:10px 0}.about-me{align-items:center;border-top:2px solid #eee;display:flex;justify-content:center;padding:40px 80px}.about-me img{border-radius:10px;height:auto;max-width:100%;width:500px}.about-me-text h2{color:#333;font-size:30px;margin:0;text-transform:uppercase}.about-me-text p{color:#585858;font-size:15px;margin:10px 0}.footer{align-items:center;background-color:#302f49;display:flex;justify-content:space-between;margin-top:auto;padding:10px 80px}.footer .copy{color:#fff}.bottom-links{align-items:center;display:flex;justify-content:space-around;padding:40px 0}.bottom-links .links{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 40px}.bottom-links .links span{color:#fff;font-size:20px;margin:10px 0;text-transform:uppercase}.bottom-links .links a{color:#a1a1a1;padding:10px 20px;text-decoration:none}.image-container{display:flex;flex-wrap:wrap;justify-content:space-between}.image-container img{border:2px solid #000;border-radius:4px;box-sizing:border-box;margin-bottom:10px;margin-top:10px;padding:10px;width:calc(50% - 20px)}@media (max-width:768px){.image-container img{width:calc(50% - 10px)}}@media (max-width:480px){.image-container img{width:100%}}.output{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:40px;font-weight:100;margin-bottom:6px;text-decoration:underline}
/*# sourceMappingURL=main.dc1df9d0.css.map*/