:root{--step--2:clamp(.61rem, .74rem, .72rem);--step--1:clamp(.73rem, .93rem, .9rem);--step-0:clamp(.88rem, 1.17rem, 1.13rem);--step-1:clamp(1.05rem, 1.47rem, 1.41rem);--step-2:clamp(1.26rem, 1.85rem, 1.76rem);--step-3:clamp(1.51rem, 2.33rem, 2.2rem);--step-4:clamp(1.81rem, 2.92rem, 2.75rem);--step-5:clamp(2.18rem, 3.67rem, 3.43rem)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.center{text-align:center !important}.left{text-align:left !important}.right{text-align:right !important}.BG1{background-color:#be2221}.BG2{background-color:Orange}.BG3{background-color:#2980b9}.BG4{background-color:#006875}.BG5{background-color:#34495e}.BG6{background-color:#7f8c8d}.BG7{background-color:#bdc3c7}.BG8{background-color:#95a5a6}.BG9{background-color:#7f8c8d}.BG10{background-color:#2c3e50}.BG11{background-color:#2980b9}.BG12{background-color:#013e6f}.BG13{background-color:#659b41}.BG14{background:#2c77e6}.BG15{background:#ff0;color:#34495e}.BG16{background:#393}.BG17{background:#808080}.BG18{background:#763363}.BG19{background-color:#2980b9}.BG20{background-color:#be2221}.BG21{background-color:Orange}.BG22{background-color:#006875}.BG23{background-color:#2980b9}.BG24{background-color:#34495e}.BG25{background-color:#7f8c8d}.BG26{background-color:#bdc3c7}.BG27{background-color:#95a5a6}.BG28{background-color:#7f8c8d}.BG29{background-color:#2c3e50}.BG30{background-color:#2980b9}.BG31{background-color:#013e6f}.BG32{background-color:#659b41}.BG33{background:#2c77e6}.BG34{background:#ff0;color:#34495e}.BG35{background:#393}.BG36{background:#808080}.BG37{background:#763363}.BG38{background-color:#2980b9}body{background:url(../images/bg.jpg) no-repeat top right fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-family:'Roboto',sans-serif;color:#fff}.logo{font-size:var(--step-4);line-height:var(--step-5);color:white;font-family:'Oleo Script Swash Caps',cursive}.logo i{color:#2980b9}a,a:visited{color:#000000;text-decoration:none}a:hover{color:#be2221;text-decoration:underline}.whiteIcon,.orangeIcon,.redIcon,.greenIcon{text-align:center}.whiteIcon i{color:white}.orangeIcon i{color:#ff6600}.redIcon i{color:#ff0000}.greenIcon i{color:#659b41}label{font-size:var(--step-2);line-height:var(--step-4)}.formInput{border:0;outline:0;font-size:var(--step-1);border-bottom:3px solid black;border-radius:5px;padding-left:10px;background-color:rgba(255,255,255,0.3);width:80%}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:transparent !important}.button{border:2px solid black;border-radius:10px;padding:5px 10px;background-color:#2c77e6;color:white !important;font-size:var(--step-2)}.button:hover{background-color:#ff0000}.forgottenPassword{font-size:var(--step-1);line-height:var(--step-4);text-align:right}.forgottenPassword i{color:white}#signInArea form{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}#signInArea fieldset{border:5px dashed #ff6600;border-radius:10px;padding:20px;background-color:rgba(0,0,0,0.3)}#viewArea{display:grid;grid-template-columns:15% 1fr}#viewArea #header{background-color:#006875;height:95vh;text-align:center;margin:5%;padding:5%;border-radius:10px;border:2px solid white}#viewArea #header #search{font-size:var(--step-2)}#viewArea #header #icons{display:grid;grid-template-columns:1fr 3fr;font-size:var(--step-2);line-height:var(--step-4);text-align:left}#viewArea #header h2{font-size:var(--step-2)}#viewArea #header .logo i{color:yellow}#viewArea #main{margin-top:2%}#viewArea #main .heading{font-size:var(--step-2);line-height:var(--step-3);text-align:center}#viewArea #main #inner{display:grid;grid-template-columns:4Fr 1fr;background-color:rgba(0,0,0,0.7);font-size:var(--step-0);line-height:var(--step-1);padding:5px}#viewArea #main #bottomIcons{display:grid;grid-template-columns:repeat(4, 1fr);text-align:center;font-size:var(--step-1);padding:5px 0}#viewArea #main .grid-item{width:260px;height:auto;float:left;background:rgba(0,0,0,0.7);border:2px solid white;margin-bottom:5px}#viewArea #main .grid-item .list,#viewArea #main .grid-item .count{border-bottom:2px solid grey}#viewArea #main .grid-item .count{text-align:right;margin:0 10px}#viewArea #main .grid-item a{color:white !important}#main .box{width:40%}#main .box h1{background-color:#659b41;font-size:var(--step-3);line-height:var(--step-4);border-radius:8px 8px 0 0;text-align:center}#main .box form{padding:20px;background-color:rgba(0,0,0,0.6);font-size:var(--step-2)}#main .box .list{font-size:var(--step-1);line-height:var(--step-2);background-color:rgba(0,0,0,0.4);padding-left:10px;border-bottom:2px solid grey}#main .box .list a,#main .box .list a:visited{color:white !important}#main .box .red div:hover{background-color:red}.box .list{background-color:red}