@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body main div .container .container-example .example .bin2Dec{display:flex;flex-direction:column;gap:10px}body main div .container .container-example .example .bin2Dec .align{display:flex;justify-content:space-between}body main div .container .container-example .example .bin2Dec .align input{width:30%}body main div .container .container-example .example .bin2Dec .align button{width:25%}body main div .container .container-example .example .bin2Dec .error{display:none}body main div .container .container-example .example .border-radius-previewer{display:flex;width:100%}body main div .container .container-example .example .border-radius-previewer div div .message{color:#efda4d}body main div .container .container-example .example .border-radius-previewer .center{display:flex;flex-direction:column;align-items:center;margin-top:40px;width:40%;gap:10px}body main div .container .container-example .example .border-radius-previewer .center .border-example{background:#efda4d;height:120px;width:120px}body main div .container .container-example .example .calculator{display:flex;flex-direction:column;align-items:center;gap:5px}body main div .container .container-example .example .calculator .display{height:50px;width:50%;text-align:end}body main div .container .container-example .example .calculator div{width:50%}body main div .container .container-example .example .calculator div .button{background-color:#efd94d27;width:25%}body main div .container .container-example .example .calculator div .button-operator{background-color:#1a1a1a;width:25%}body main div .container .container-example .example .calculator .button-clear{width:50%}body main div .container .container-example .example .christmas{display:flex;justify-content:center;flex-direction:column}body main div .container .container-example .example .christmas .container-lights{width:100%;display:flex;justify-content:space-around;padding:40px}body main div .container .container-example .example .christmas .container-lights .circle{border-radius:100px;border:solid 2px white;width:50px;height:50px}@keyframes changeColor{0%{background-color:#efd94d20}50%{background-color:#efda4d}to{background-color:#efd94d20}}body main div .container .container-example .example .christmas .container-input{padding:10px;display:flex;gap:10px;width:100%}body main div .container .container-example .example .christmas .container-input label{width:25%}body main div .container .container-example .example .christmas .container-input input{width:45%;padding-left:10px}body main div .container .container-example .example .christmas .container-input button{width:30%}@media (max-width: 426px){body main div .container .container-example .example .border-radius-previewer{flex-direction:column;align-items:center}body main div .container .container-example .example .border-radius-previewer .center button{width:150px}body main div .container .container-example .example .calculator{gap:0}body main div .container .container-example .example .calculator .display{height:30px;font-size:60%}body main div .container .container-example .example .calculator div .button{font-size:60%}body main div .container .container-example .example .calculator div .button-operator{font-size:60%}body main div .container .container-example .example .calculator .button-clear{font-size:60%}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#2b2d31;display:flex;align-items:center;justify-content:center;flex-direction:column}body main div .container-app{background-color:#2b2d31;display:flex;align-items:center;justify-content:center;font-family:Roboto}body main div .container-app .container-main{background-color:#34363b;max-width:1024px;width:1024px;display:flex;flex-direction:column;gap:50px;color:#fff}body main div .container-app .container-main .container-title{display:flex;align-items:center;padding:5% 5% 0}body main div .container-app .container-main .container-title .title{color:#efda4d;font-size:100px}body main div .container-app .container-main .intro{padding:40px 60px 30px}body main div .container-app .container-main .references li{margin-left:100px}body main div .container-app .container-main .references li a{color:#fff}body main div .container-app .container-main .container-nav{display:flex;justify-content:space-around;width:100%;padding-left:10%;padding-right:10%;gap:100px}body main div .container-app .container-main .container-nav button{text-decoration:none;color:#efda4d;font-size:40px;background-color:#efd94d27;border-radius:50px;padding:10px}body main div .container-app .container-main .subtitle{color:#efda4d;font-size:60px;margin-left:55px;font-style:italic}body main div .container-app .container-main .list{border:solid 2px #EFDA4D;border-radius:25px;margin:20px 50px}body main div .container-app .container-main .list .list-item{list-style:none;border-bottom:solid 2px #EFDA4D}body main div .container-app .container-main .list .list-item .exercise{padding-bottom:1%}body main div .container-app .container-main .list .list-item .exercise .container-exercise{display:flex;justify-content:space-between;padding:1%;margin-top:1%;margin-left:1%}body main div .container-app .container-main .list .list-item .exercise .container-exercise .exercise-info{display:flex;width:80%;gap:3px}body main div .container-app .container-main .list .list-item .exercise .container-exercise .exercise-info .exercise-name{color:#f2f3d1;font-size:30px;line-height:1;width:30%}body main div .container-app .container-main .list .list-item .exercise .container-exercise .exercise-info hr{border:solid 1px #EFDA4D}body main div .container-app .container-main .list .list-item .exercise .container-exercise .exercise-info .short-description{color:#fff;font-weight:400;width:70%;padding-left:5px}body main div .container-app .container-main .list .list-item .exercise .container-exercise .btn-details{border-radius:50px;padding:5px;background-color:#efd94d27;color:#efda4d;border:solid 1px #EFDA4D;margin-right:1%;height:100%;font-family:Roboto}body main div .container-app .container-main .list .list-item .exercise .container-exercise .btn-details:hover{cursor:pointer}body main div .container-app .container-main .list .list-item .exercise .container-description{background-color:#2b2d31;display:flex;flex-direction:column;align-items:center;padding-bottom:1%;margin:0 1%;border-radius:10px}body main div .container-app .container-main .list .list-item .exercise .container-description .description{padding:2%;color:#fff}body main div .container-app .container-main .list .list-item .exercise .container-description .show{border-radius:50px;padding:5px;background-color:#efd94d27;color:#efda4d;border:solid 1px #EFDA4D;width:15%;text-align:center;text-decoration:none}body main div .container-app .container-main .list .list-item:last-child{border-bottom:none}body main div .container{display:flex;flex-direction:column;padding-top:40px;align-items:center;font-family:Roboto;padding-bottom:20px}body main div .container h1{color:#efda4d}body main div .container .container-example{display:flex;margin-top:10px}body main div .container .container-example .example{color:#fff;background-color:#34363b;width:512px;padding:20px;border:solid 2px #EFDA4D}body main div .container .container-example .example p{font-size:16px;padding-bottom:10px}body main div .container .container-example .example h2{color:#efda4d;text-align:center}body main div .container .container-example .example ul{color:#efda4d;font-size:16px}body main div .container .container-example .example ul li{margin-left:20px;color:#fff}body main div .container .container-example .example hr{margin:20px 0}body main div .container .container-example .script{color:#fff;background-color:#34363b;width:512px;padding:20px;border:solid 2px #EFDA4D;display:flex;flex-direction:column;justify-content:space-between;min-height:550px}body main div .container .container-example .script .h90{background-color:#2b2d31;padding:10px;max-height:90%}body main div .container .container-example .script hr{margin-top:10px}body main div .container .container-example .script div{overflow:auto;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}body main div .container .container-example .script div hr{border:1px solid #EFDA4D;margin-bottom:5px}body main div .container .container-example .script p{font-size:16px}body main div .container .container-example .script h2{color:#efda4d;text-align:center;margin-bottom:5px}body main div .previous{text-decoration:none;color:#efda4d;font-size:30px;background-color:#efd94d27;border-radius:100px;padding:10px;border:solid 2px #2B2D31;width:21%;margin-top:20px}@media (max-width: 426px){body main div .container-app .container-main{width:320px;max-width:320px;gap:20px}body main div .container-app .container-main .container-title{width:100%;flex-direction:column;gap:20px}body main div .container-app .container-main .container-title .title{font-size:40px;text-align:center}body main div .container-app .container-main .container-title img{height:200px}body main div .container-app .container-main .intro{padding:8%}body main div .container-app .container-main .references li{margin-left:50px}body main div .container-app .container-main .container-nav{padding-left:10%;padding-right:10%;flex-wrap:wrap;justify-content:center;gap:20px}body main div .container-app .container-main .container-nav button{font-size:20px}body main div .container-app .container-main .subtitle{font-size:35px;margin-left:0;text-align:center}body main div .container-app .container-main .list{margin:18px}body main div .container-app .container-main .list .list-item .exercise .container-exercise{flex-direction:column;align-items:center;padding-bottom:10px}body main div .container-app .container-main .list .list-item .exercise .container-exercise .exercise-info{width:100%;padding-bottom:5px}body main div .container-app .container-main .list .list-item .exercise .container-exercise .exercise-info .exercise-name{font-size:16px;line-height:1;padding-left:5px;padding-top:3px}body main div .container-app .container-main .list .list-item .exercise .container-exercise .exercise-info .short-description{font-size:14px}body main div .container-app .container-main .list .list-item .exercise .container-exercise .btn-details{width:40%;font-size:14px}body main div .container-app .container-main .list .list-item .exercise .container-description{padding-bottom:10px;margin-bottom:5px}body main div .container-app .container-main .list .list-item .exercise .container-description .description{font-size:15px;padding:3%}body main div .container-app .container-main .list .list-item .exercise .container-description .show{width:40%;font-size:15px}body main div .container{width:320px;flex-wrap:wrap;align-items:start}body main div .container h1{width:100%;text-align:center}body main div .container .container-example{flex-direction:column}body main div .container .container-example .example{width:320px}body main div .container .container-example .script{width:320px;max-height:400px}body main div .container .previous{width:60%;font-size:25px;text-align:center;margin-left:20%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}