@font-face{font-family:Asees;src:url('https://typingtips.in/punjabi/fonts/Asees.ttf.woff') format('woff'),url('https://typingtips.in/punjabi/fonts/Asees.ttf') format('truetype'),url('https://typingtips.in/punjabi/fonts/Asees.ttf.eot'),url('https://typingtips.in/punjabi/fonts/Asees.ttf.eot?#iefix') format('embedded-opentype');font-weight:400;font-style:normal}@font-face{font-family:AnmolLipi;src:url('https://typingtips.in/punjabi/fonts/AnmolLipi.woff') format('woff'),url('https://typingtips.in/punjabi/fonts/AnmolLipi.woff2') format('woff2'),url('https://typingtips.in/punjabi/fonts/AnmolLipi.ttf') format('truetype'),url('https://typingtips.in/punjabi/fonts/AnmolLipi.eot'),url('https://typingtips.in/punjabi/fonts/AnmolLipi.eot?#iefix') format('embedded-opentype');font-weight:400;font-style:normal}@font-face{font-family:"Raavi V1";src:url("https://db.onlinewebfonts.com/t/01013436a471f15c7479bb33577629c5.eot");src:url("https://db.onlinewebfonts.com/t/01013436a471f15c7479bb33577629c5.eot?#iefix") format("embedded-opentype"),url("https://db.onlinewebfonts.com/t/01013436a471f15c7479bb33577629c5.woff2") format("woff2"),url("https://db.onlinewebfonts.com/t/01013436a471f15c7479bb33577629c5.woff") format("woff"),url("https://db.onlinewebfonts.com/t/01013436a471f15c7479bb33577629c5.ttf") format("truetype"),url("https://db.onlinewebfonts.com/t/01013436a471f15c7479bb33577629c5.svg#Raavi V1") format("svg");font-weight:400;font-style:normal}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}:root{--nav-color:#1f1f1f;--background-color:#2b2b2b;--a-color:#ffffff;--text-color:lightgray;--highlighttext-color:#FF595A;--border-color:#000000;--boxshadow-color:#383838;--beige-color:#CAC0B3;--lighttext-color:#757575;--headerfooter-text-size:14px}body{margin:0;padding:0;background-color:var(--nav-color);font-family:Poppins,sans-serif;line-height:1.7;transition:background-color .3s,color .3s}p{text-align:justify;text-justify:inter-word;color:var(--theme-text)}textarea{text-align:justify;text-justify:inter-word;background-color:var(--background-color);color:var(--theme-text)}ul{list-style-type:none;text-decoration:none}li{color:var(--theme-text)}ol li{list-style-position:inside}a{color:var(--theme-text);text-decoration:none}a:hover{color:var(--a-color);text-decoration:none}table{border-collapse:collapse;width:100%;color:var(--theme-text)}th{background-color:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-border);padding:8px 12px;text-align:left}td{color:var(--theme-text);border:1px solid var(--theme-border);padding:8px 12px}tr:hover td{background-color:var(--theme-surface)}button{background-color:var(--background-color);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;transition:background-color .2s,color .2s}button:hover{background-color:var(--theme-surface)}a>h1,a>h2,a>h3,a>h4,a>h5,a>h6,h1,h1>a,h2,h2>a,h3,h3>a,h4,h4>a,h5,h5>a,h6,h6>a{margin:0;padding:0;color:var(--highlighttext-color)}h1{font-size:26px}h2{font-size:24px}h3{font-size:22px}.section-heading{color:var(--theme-accent)!important}.performance-result{color:var(--text-color)}.performance-name{color:var(--highlighttext-color);font-size:32px;padding:2% 0}.correct-words{color:#22c55e}.incorrect-words{color:#ef4444}.conv-card{border:1px solid;border-radius:8px;padding:10px;text-align:center;transition:opacity .2s}.conv-card:hover{opacity:.85}.conv-green{background-color:#e8f6ef;color:#25a55f;border-color:#25a55f}.conv-amber{background-color:#fff7e8;color:#f7b320;border-color:#f7b320}.conv-teal{background-color:#e5f7f8;color:#00adbc;border-color:#00adbc}.conv-purple{background-color:#f8efff;color:#b95ffd;border-color:#b95ffd}.conv-indigo{background-color:#dbdbff;color:#1f1f53;border-color:#1f1f53}.conv-red{background-color:#fee5ed;color:#f10750;border-color:#f10750}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.float-left{float:left}.float-right{float:right}.border-box-1{color:#25a55f;border:1px solid #25a55f}.border-box-2{color:#00adbc;border:1px solid #00adbc}.border-box-3{color:#b95ffd;border:1px solid #b95ffd}.border-box-4{color:#f10750;border:1px solid #f10750}.border-box-5{color:#f7b320;border:1px solid #f7b320}.border-box-6{color:#0c0cda;border:1px solid #0c0cda}.colm-1{width:8.125%}.colm-2{width:16.25%}.colm-3{width:24.5%}.colm-4{width:32.5%}.colm-5{width:41%}.colm-6{width:49%}.colm-7{width:58%}.colm-8{width:66%}.colm-9{width:74%}.colm-10{width:83%}.colm-11{width:90%}.colm-12{width:98%}@media only screen and (max-width:1024px){.colm-t-1{min-width:98%}.colm-t-2{min-width:49%}.colm-t-3{min-width:32.5%}.colm-t-4{min-width:24.5%}}@media only screen and (max-width:768px){.colm-m-1{min-width:98%}.colm-m-2{min-width:49%}.colm-m-3{min-width:32.5%}.colm-m-4{min-width:24.5%}.float-clear{clear:both}.whole{margin:0}.row::after{content:"";clear:both;display:block}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}h4{font-size:17px}h5{font-size:16px}h6{font-size:15px}}.space{min-height:21px;border-bottom:2px dotted var(--boxshadow-color);margin-bottom:2%}#after-header-ads{width:auto;height:auto;margin:1% 10%;text-align:center}#after-header-ads img{width:100%;height:auto;padding:0;-o-object-fit:contain;-webkit-object-fit:contain;object-fit:contain}#ads{width:100%;height:auto;margin-right:1%;margin-bottom:1%;padding:1%;position:relative;border:0 solid gray;text-align:center}#ads img{width:100%;height:100%;padding:0;-o-object-fit:contain;-webkit-object-fit:contain;object-fit:contain}.breadcrumbs{clear:both;padding:.2% 1%;text-align:center;color:var(--lighttext-color);margin:0}.breadcrumbs>a{color:var(--lighttext-color)}.breadcrumbs>a:hover{color:var(--text-color)}section{width:80%;max-width:1170px;margin:2% auto;text-align:left}.content-section{width:100%;float:left;color:var(--text-color)}.punjabitypingtest{display:flex}.punjabitypingtest p{padding:8px 15px;color:var(--text-color)}.intro{text-align:center;display:block}.main{margin:auto;padding:1% 2%;display:block;border:1px solid var(--border-color);border-radius:20px;box-shadow:1px 2px 5px var(--boxshadow-color)}.text-container{padding:1% 2%;text-align:justify;text-justify:inter-word}.char{padding:0 1px;font-size:x-large}.space{padding:0 4px}.liveStats{width:80%;display:block;margin:.5% auto;text-align:center}.liveStats>p{font-size:large;padding:1% 5%;display:inline-block;text-align:center}.liveStats>p>span{color:var(--highlighttext-color)}.btntryagain{color:var(--highlighttext-color);font-size:large;font-weight:bolder;padding:1% 5%;background-color:var(--nav-color);border:1px solid var(--border-color);box-shadow:1px 1px 5px var(--boxshadow-color);border-radius:20px}.resultReport{width:80%;display:block;text-align:center;display:none;margin:5% auto;padding:5% 0;border:1px solid var(--border-color);border-radius:20px;box-shadow:2px 2px 5px var(--boxshadow-color)}.resultReport>h2{font-weight:900}.resultReport>p{text-align:center;font-size:xx-large;font-weight:400}.results-container{display:none;width:80%;margin:auto}.results-header{width:100%;font-size:large;font-weight:400;text-align:center}.results-list{text-align:left;width:100%}.results-score{color:var(--highlighttext-color);font-size:xx-large;font-weight:bolder}.reload-button{color:var(--highlighttext-color);background-color:var(--background-color);font-size:large;font-weight:bolder;width:20%;padding:1%;margin-right:1%;border:1px solid var(--border-color);box-shadow:1px 1px 2px var(--boxshadow-color);border-radius:20px}.reload-button:active,.reload-button:focus,.reload-button:hover{box-shadow:none;color:var(--highlighttext-color)}.leaderboard-list{border-radius:20px;width:30%;padding:0;box-shadow:5px 10px 18px var(--boxshadow-color);margin-left:20px;border:1px solid var(--border-color)}.leaderboard-list>li{border:1px solid var(--border-color);background-color:var(--nav-color)}.leaderboard-header{border-bottom:2px solid var(--border-color)/*!important;*/}.collapse>li{background-color:var(--nav-color)}.dropdown-button{padding:0;color:var(--cyan)}.dropdown-button:active,.dropdown-button:focus{box-shadow:none}.dropdown-svg{color:var(--text-color);transition:color .15s;transition-timing-function:ease-out}.dropdown-svg:hover{color:var(--cyan)}.badge-pill{background-color:var(--cyan)}html{overflow-y:auto}@media screen and (max-width:220px){.leaderboard-list,.results-list{width:100%}}@media screen and (max-width:479px){.results-container{flex-direction:column;align-items:center!important}.results-list{margin-right:0;margin-bottom:20px}.leaderboard-list{margin-left:0;margin-top:20px}}@media only screen and (max-width:900px){.sidebar{display:none}}@media only screen and (max-width:768px){.sidebar{width:98%;clear:both;text-align:center}}.bottom-links{margin:5% 0;border-top:2px solid var(--border-color)}.bottom-links p>ul>b>li>a{Padding:2% 0}.TypingTest{width:100%;align-items:center;border:0 solid var(--border-color);Margin:0}.user-input{width:100%;font-size:18px;align-items:center;text-align:justify;justify-content:space-between;padding:0;margin:0 0 5% 0;border:0 solid var(--border-color);border-radius:10px}.user-input h2{text-align:center;Padding:5%;color:var(--theme-invert);background-color:var(--theme-accent);border-radius:10px}#userName{width:60%;font-size:18px;align-items:center;justify-content:space-between;padding:2%;margin:0;border:1px solid var(--border-color);border-radius:10px;background-color:var(--background-color);color:var(--text-color)}.start_button{width:30%;font-size:18px;align-items:center;justify-content:space-between;padding:2%;margin:0;margin-left:5%;border:1px solid var(--theme-accent);border-radius:10px;color:var(--theme-invert);background-color:var(--theme-accent)}.start_button:hover{background-color:var(--theme-accent-dk)}.container{width:100%;padding:0;margin:0}.masterplan-container{font-size:28px;background-color:var(--theme-accent);color:var(--theme-invert);padding:3%;border-radius:10px;text-align:center;margin:20px 0}#myname{font-size:32px;color:var(--theme-invert);font-weight:700}#text{height:auto;margin:auto;padding:5% 6%;border:1px solid var(--theme-accent);text-align:Left;font-weight:700;border-radius:10px;box-shadow:5px 10px 21px var(--boxshadow-color)}#upperBoxText{padding:10% 5%;font-size:28px;text-align:center;border-radius:10px;box-shadow:5px 10px 21px var(--boxshadow-color)}.timer{padding:2%;margin:0 0 2% 0;font-weight:700}#timer{font-size:25px;color:var(--theme-accent);display:none;text-align:center}.input-box{align-items:center;justify-content:space-between;padding:0;margin:auto;border:0 solid var(--border-color);border-radius:10px;width:100%;background-color:var(--background-color);animation:fadeInUp 1s ease-in-out}.input-box input{border:none;padding:3%;border-radius:10px;font-size:21px;width:100%;margin:0 0 2% 0;background-color:var(--background-color);color:var(--text-color)}#submitButton{width:100%;font-size:21px;align-items:center;justify-content:space-between;padding:2%;border:1px solid var(--theme-accent);border-radius:10px;color:var(--theme-invert);background-color:var(--theme-accent)}#submitButton:hover{background-color:var(--theme-accent-dk)}#resultList{width:100%;margin:0;padding:0}.performance-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;padding:5%;width:auto;margin:0;text-align:left;display:none;animation:slideInRight 1s ease-in-out}.performance-card p{font-size:21px;line-height:2}.performance-card.active{animation:slideInRight 1s ease-in-out}@keyframes slideInRight{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.performance-card h3{margin-top:0;font-size:24px}.performance-comment{margin-top:10px;text-align:center;opacity:0}.performance-comment.active{animation:fadeInLeft 1s ease-in-out;opacity:1}#performanceCard{margin:2% 10%;text-align:center}@keyframes fadeInLeft{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.good{color:#25a55f;font-size:28px;font-weight:700}.perfect{color:var(--theme-accent);font-size:24px;font-weight:700}.improving{color:var(--theme-accent-dk);font-size:28px;font-weight:700}.practice-more{color:#ff595a;font-size:28px;font-weight:700}@media only screen and (max-width:900px){#ads{width:100%;height:auto}section{width:98%;height:auto;clear:both;margin-top:0;margin-left:5px}}@media only screen and (max-width:768px){section{width:90%;align-items:center;margin:5%}.content-section{width:98%;clear:both}.home-page-paragraph-image{min-width:98%;clear:both;text-align:center}#ads{width:100%;height:auto}}.home-page-paragraph-image{width:50%;float:left;margin-right:2%}.home-page-paragraph p{width:100%;padding:0;text-align:justify;text-justify:inter-word}