body{font-family:'Roboto',sans-serif;background-color:#f5f5f5;margin:0;padding:0}.navbar{}a{color:#007bff;text-decoration:none;}a:hover{color:#004997;transition:color .3s ease;}.navbar .container{display:flex;align-items:center;background-color:007bff}.x{flex-direction:column;display:flex;max-height:100%;}.navbar .logo a{text-decoration:none;font-size:24px;;}.navbar .logo a:hover{background-color:#000000;text-decoration:none;font-size:24px;;}.navbar .nav-links{list-style:none;margin:0;padding:0;display:flex;}.navbar .nav-links li{margin-left:20px;margin-top:20px}.navbar .nav-links a{color:#000000;text-decoration:none;transition:background-color .9s ease;}.navbar .nav-links a:hover{color:#007bff;border-radius:5px;transition:color .3s ease;}ol,ul{text-align:left;}.upload-section{margin-bottom:20px;}.x{flex-direction:column;display:flex;max-height:100%;}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.load{width:50px;height:50px;margin:0 auto 0;margin-top:40px;border:solid 10px #007bff;border-radius:50%;border-right-color:transparent;border-bottom-color:transparent;-webkit-transition:all .5s ease-in;-webkit-animation-name:rotate;-webkit-animation-duration:1.0s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;transition:all .5s ease-in;animation-name:rotate;animation-duration:1.0s;animation-iteration-count:infinite;animation-timing-function:linear}.container{background:#ffffff;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;border-radius:2px;text-align:center;max-width:875px;width:100%;display:flex;flex-direction:column;margin:0 auto 5px auto;letter-spacing:.7px;}.frame-rate-section{display:flex;justify-content:center;align-items:center;margin-bottom:20px;}.frame-rate-section label{margin-right:10px;color:#555;}.custom-file-upload{display:inline-block;padding:15px 30px;cursor:pointer;font-size:18px;background:#00b7ff;color:#ffffff;border-radius:2px;margin-bottom:10px;transition:background .3s;}h1{margin-bottom:20px;font-weight:500;color:#333;}.custom-file-upload:hover{background:#007bff;}input[type="file"]{display:none;}button{background:#5dc71f;color:#ffffff;padding:20px 30px;font-size:18px;border:none;border-radius:2px;cursor:pointer;transition:background .3s;}button:hover{background:#41af01;}#progressContainer{width:100%;background-color:#ddd;border-radius:4px;overflow:hidden;margin:20px 0;}#progressBar{width:0;height:30px;background-color:#4caf50;text-align:center;line-height:30px;color:white;}#gifOutput{max-width:800px;border-radius:4px;display:none;margin-top:20px;max-height:600px;}video,canvas{display:none;}.tooltip{position:relative;display:inline-block;cursor:pointer;padding-left:10px;}.tooltip .tooltiptext{visibility:hidden;width:250px;background-color:#555;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-125px;opacity:0;transition:opacity .3s;}.tooltip:hover .tooltiptext{visibility:visible;opacity:1;}#how-to-convert,#faq,#guides-tutorials{background-color:#f9f9f9;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);}#how-to-convert{background-color:#eaf4f4;}#faq{background-color:#fef5e4;}#guides-tutorials{background-color:#e4eaf4;}