@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);input,select{border-radius:5px}option,select{width:200px;padding:7px}input,option,select{padding:7px}body,nav,option{background-color:#fff}nav a,option{color:#000}#result a,.text{font-weight:600}.text a,select{font-weight:500}#result a,button,code,select{color:#fff}#result a,.footer ul li a,nav a{text-decoration:none}.footer ul li a:hover,.text a{text-decoration:underline}*{padding:0;margin:0}body{font-family:Poppins,sans-serif;position:relative;min-height:100vh}nav{display:flex;align-items:center;gap:20px;position:fixed;z-index:1000;width:100vw;box-shadow:0 2px 5px rgba(0,0,0,.1)}#darkModeToggle,.links{justify-content:center}#hamburger,#result.hidden,.hamburger{display:none}#result.shown,.box,.container,.content,.links,.tool{display:flex}#darkModeToggle{display:flex;align-items:center;background-color:#8c0fe6;border-radius:30px;cursor:pointer}#darkModeToggle:hover,nav a:hover{background-color:#7a797973;border-radius:30px;padding:10px;transition:.3s}.links{align-items:center;gap:30px;position:absolute;right:10%}.tool{justify-content:center;align-items:center;min-height:90vh}.container{flex-direction:column;align-items:center;gap:20px}.box{flex-direction:column;align-items:center;gap:20px;padding:120px;background:#fff;border-radius:30px;box-sizing:border-box;width:49vw;height:auto;margin-top:8vw;box-shadow:0 10px 30px rgba(181,181,181,.5),0 0 5px rgba(212,209,209,.05);transform:scale(1.03);transition:transform .3s,box-shadow .3s}.box:hover{transform:scale(1.06);box-shadow:0 30px 60px rgba(93,93,93,.6),0 0 15px rgba(255,255,255,.1)}.box h1{font-size:30px;text-align:center}input{width:350px}select{border:none;background-color:#0f70e6}option{border:none}button{border:none;background-color:red;padding:10px;border-radius:10px;font-weight:700}#timage,.content{border-radius:10px}#timage{max-width:100%;max-height:250px;box-shadow:0 5px 15px rgba(0,0,0,.2)}#getthumb,#logo{cursor:pointer}#result.shown{margin-top:20px;align-items:center;justify-content:center;flex-direction:column}#result a{margin-top:15px;background-color:green;padding:9px 2px;border-radius:5px;font-size:12px}#result a:hover{background-color:#006400}.text{font-size:14px;color:#565454;margin-bottom:8vw}.text a{color:#0f70e6}.content{flex-direction:column;justify-content:left;align-items:center;gap:25px;margin:20px 300px;font-size:16px;padding:50px 20px;border:2px solid #000;box-shadow:20px -20px 2px 1px rgb(0 0 255 / .2)}.bmc-btn-container,.heading{align-items:center;display:flex}.heading{gap:5px}.heading>span{background-image:url(images/brush.svg);background-repeat:no-repeat;font-size:24px;font-weight:700;transition:transform .2s ease-in}.heading>span:hover{transform:scale(1.2)}code{background-color:#6f6e6f;border-radius:5px}.bmc-btn-container{justify-content:center}footer{box-shadow:0 2px 5px rgba(103,103,103,.466);margin-top:auto}#watermark{font-size:92px;color:#ff92001c}.footer{display:flex;align-items:center;gap:30px;padding:36px 20px 45px;flex-direction:column;color:#3d3d3dd2}.footer ul{display:flex;gap:20px}.footer ul li{list-style:none}.footer ul li a{color:#171818d2;font-size:14px}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode nav{background-color:#1e1e1e}body.dark-mode #hamburger{filter:invert(1)}body.dark-mode .footer ul li a:hover,body.dark-mode nav a{color:#fff}body.dark-mode .box{background-color:#1c1c1c;box-shadow:0 10px 30px rgba(0,0,0,.6)}body.dark-mode .footer,body.dark-mode .footer ul li a,body.dark-mode .text{color:#ccc}body.dark-mode code{background-color:#2e2e2e;color:#dcdcdc}body.dark-mode select{background-color:#333;color:#fff}body.dark-mode input,body.dark-mode textarea{background-color:#2e2e2e;color:#fff;border:1px solid #555}body.dark-mode button{background-color:red}body.dark-mode button:hover{background-color:#750909}body.dark-mode #result a{background-color:#26ff00}body.dark-mode #result a:hover{background-color:#1a640d}@media (max-width:550px){#hamburger,#themebtn{width:10px;height:10px}nav img{width:90px;padding-right:10px}.links{gap:30px;padding-left:5%;font-size:7px}.box{width:74vw;height:auto;padding:31px 117px}.box h1{font-size:15px}#result a,.heading>span{font-size:10px}input{width:189px;padding:5px}select{width:161px;padding:7px}button{padding:6px}.content{margin:20px 45px;font-size:7px}#watermark,.hamburger a{font-size:20px}#result a{margin-top:13px;padding:6px 0;font-weight:400}.hamburger{height:200%;width:100vw;position:absolute;left:-100%;z-index:1001;background-color:#000;display:flex;flex-direction:column}.hamburger a{text-decoration:none;color:#fff;padding:30px;text-align:center}#hamburger{display:inline;padding-left:8px}#cross{width:30px;height:30px;padding-left:90vw}#logo{width:120px}nav a{display:none}#darkModeToggle,.footer ul li a{font-size:7px}.footer{font-size:6px}}@media (max-width:1200px) and (min-width:500px){nav img{width:90px;padding-right:10px}.links{gap:30px;padding-left:5%;font-size:7px}.box{width:60vw;height:auto;padding:26px 120px}.box h1{font-size:15px}#result a,.heading>span{font-size:10px}input{width:189px;padding:5px}select{width:161px;padding:7px}button{padding:6px}.content{margin:20px 105px;font-size:7px}#watermark{font-size:40px}#themebtn{width:10px;height:10px}#darkModeToggle{font-size:7px}#result a{margin-top:13px;padding:6px 0;font-weight:400}}