*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Roboto', sans-serif}h1{text-align:center;font-size:60px;margin-bottom:0}@media (min-width: 1024px){h1{font-size:80px;margin-top:20px}}div.container{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px auto}@media (min-width: 1024px){div.container{width:80%;height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}div.container div{width:100%;height:35vh;border:3px solid black;font-size:20px;padding:3px 3px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}div.container div:first-of-type{position:relative}div.container div:nth-of-type(2){margin-top:50px;position:relative}@media (min-width: 1024px){div.container div:nth-of-type(2){margin-top:60px}}@media (min-width: 768px){div.container div{width:80%;margin:0 auto}}@media (min-width: 1024px){div.container div{width:49%;margin-top:60px}}div.container div .btn{width:150px;height:45px;padding:5px 10px;font-size:25px;border-radius:5px;position:absolute;right:0;top:calc(100% + 5px)}div.container div .choose{width:100%;border:none;border-bottom:3px solid #000;color:#000;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:3px 3px;list-style:none;height:40px}div.container div .choose li{font-weight:normal;font-size:20px;line-height:34px}@media (min-width: 375px){div.container div .choose li{font-size:23px}}@media (min-width: 1024px){div.container div .choose li{font-size:26px}}div.container div span{position:absolute;bottom:0;right:0;font-size:20px}@media (min-width: 375px){div.container div span{font-size:23px}}@media (min-width: 1024px){div.container div span{font-size:26px}}div.container div span a{text-decoration:none;color:#000}div.container div span a:hover{color:blue}div.container div .translator{display:block;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:none;font-size:18px;resize:none;padding:3px 3px;height:300px;position:relative;margin-top:0}div.container .langs{position:absolute;display:none;top:20px;left:0;height:92%;background-color:#fff}@media (min-width: 425px){div.container .langs{top:15px;height:98%}}@media (min-width: 768px){div.container .langs{top:1%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:98%}}@media (min-width: 1024px){div.container .langs{width:73%;height:85%;top:50%;left:50%;-webkit-transform:translate(-50%, -53%);transform:translate(-50%, -53%)}}@media (min-width: 1440px){div.container .langs{width:60%;height:88%}}@media (min-width: 2560px){div.container .langs{width:40%;height:79%}}div.container .langs ul{width:33%;list-style:none;border-left:1px solid black;word-wrap:break-word}div.container .langs ul:first-of-type{border-left:none;width:30%}div.container .langs ul:nth-of-type(2){width:36%}div.container .langs ul li{width:100%;padding-top:3px;padding-left:5px;padding-right:2px;font-size:15px}@media (min-width: 425px){div.container .langs ul li{font-size:17px}}@media (min-width: 768px){div.container .langs ul li{font-size:23px}}@media (min-width: 1440px){div.container .langs ul li{font-size:27px}}div.container .langs ul li:hover{background-color:#000;color:#fff}div.container .activeLangs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}div.first form .input{height:100px}div.first .input{border:none;font-size:18px}.choose li.more{line-height:40px;margin-top:0}.choose li.more i{font-size:40px}.langs .fa-times{font-size:31px;position:absolute;top:3px;right:0}@media (min-width: 375px){.langs .fa-times{right:5px}}.container .choose li.active{background-color:#000;color:#fff;font-weight:bold}
/*# sourceMappingURL=main.css.map */