body{background-color:#1a1a40;color:#f0f8ff;font-family:sans-serif}.subname{color:#7fffd4}.titleAOP{justify-self:center;padding:2% 5%;border-radius:5px;background-color:#404891;margin-top:20px}.title2{font-size:16px}.subtitle{justify-self:center;padding:2% 3%;border-radius:5px;background-color:#6269a3}.upbtn{display:flex;justify-content:space-between;margin-right:22px}.result{color:#ea4a4a}.container{display:flex;justify-self:center}.UploadAreaR,.UploadAreaL{background-color:#6269a3;max-width:450px;width:85%;height:auto;margin:10px;border-radius:5px;padding:2px 0 5px 10px}.quescontainer{display:flex;justify-content:space-between}.quesbtn{margin-top:20px;margin-right:22px;cursor:pointer}.nnn{position:relative;display:flex;justify-content:center;align-items:center;background-color:#404891;border-radius:10px;margin-left:10px;margin-top:18px;max-height:50px;width:20%;max-width:150px;padding:.5% 0%}.nnn ul li.list-bottom a .icon{font-size:1.5em;line-height:75px;transition:.5s;color:#ffffffd2}.nnn ul li.list-bottom:hover a .icon{color:#fff}.nnn ul li.list-bottom a .text{position:absolute;opacity:0;font-weight:600;font-size:.5em;color:#222327;transition:.5s;letter-spacing:.05em;text-transform:uppercase;transform:translateY(0)}.nnn ul li.list-bottom.active a .text{transform:translateY(16px);opacity:1}.nnn ul{position:relative;display:flex;justify-content:space-between;width:100%;padding:0 10px}.nnn ul li.list-bottom{position:relative;list-style:none;width:70px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 5px;cursor:pointer}.nnn ul li.list-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.nnn ul li.list-bottom .icon{font-size:1.3em;color:#fff}.nnn ul li.list-bottom .text{font-size:.6em;color:#fff;margin-top:2px}.navi{display:flex;justify-content:center;align-items:stretch;min-height:5px}.navigation{position:relative;display:flex;justify-content:center;align-items:center;background-color:#404891;border-radius:10px;margin-left:10px;margin-top:18px;max-height:50px;width:20%;max-width:150px;padding:.5% 0%}.navigation ul{transform:scale(.8);position:relative;display:flex;margin-right:30px}.navigation ul li{position:relative;list-style:none;width:70px;height:70px;z-index:1}.navigation ul li a{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:500;width:100%;height:100%}.navigation ul li a .icon{position:relative;display:block;font-size:1.5em;line-height:75px;transition:.5s;color:#ffffffd2}.navigation ul li:hover a .icon{color:#fff}.navigation ul li a .text{position:absolute;opacity:0;font-weight:600;font-size:.5em;color:#222327;transition:.5s;letter-spacing:.05em;text-transform:uppercase;transform:translateY(0)}.navigation ul li.active a .text{transform:translateY(16px);opacity:1}.indicator{position:absolute;height:70px;width:70px;display:flex;transition:.5s;bottom:2px;left:40px;justify-content:center;align-items:center}.indicator:before{content:"";position:absolute;bottom:10px;width:80%;height:14px;background:#29fd53;border-radius:10px}@keyframes animate{0%,to{transform:rotate(35deg)}50%{transform:rotate(55deg)}}.navigation ul li:nth-child(2).active~.indicator{transform:translate(70px)}@media (max-width:512px){.upbtn{justify-content:space-between}.questxt{font-size:10}.navigation{padding:0 0 0 4px}}@media (max-width: 610px){.subtitle{font-size:13px}.title2{display:none}.navigation{margin-top:12px;max-height:42px}.navigation ul{transform:scale(.6)}}@media (max-width: 645px){.container{display:block}.UploadAreaR,.UploadAreaL{width:90%;height:auto}}@media (min-width: 1000px){.navigation{max-height:60px}}.dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialogtxt{background-color:#565864;padding:20px 30px;border-radius:10px;box-shadow:0 0 15px #0000004d;min-width:250px}