mark{padding:10px}.modal{background-color:#7ba0ce;background-image:url(../../../images/modal_blackboard_ultan.png);background-repeat:no-repeat;display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.w3-animate-opacity{animation:opac .8s}@keyframes opac{from{opacity:0}to{opacity:1}}.w3-animate-top{animation:animatetop .4s;position:relative}@keyframes animatetop{from{opacity:0;top:-300px}to{opacity:1;top:0}}.w3-animate-left{animation:animateleft .4s;position:relative}@keyframes animateleft{from{left:-300px;opacity:0}to{left:0;opacity:1}}.w3-animate-right{animation:animateright .4s;position:relative}@keyframes animateright{from{opacity:0;right:-300px}to{opacity:1;right:0}}.w3-animate-bottom{animation:animatebottom .4s;position:relative}@keyframes animatebottom{from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}.w3-animate-zoom{animation:animatezoom .6s}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}.w3-animate-input{transition:width .4s ease-in-out}.w3-animate-input:focus{width:100%!important}.modal-content{border-radius:25px;color:#fff;height:385px;margin-top:100px;overflow:auto;padding-top:0;text-align:center;width:100%}.mdl_alpha,.mdl_lvls{overflow:hidden!important}.lyrics-modal-box{font-family:Amaranth,sans-serif;font-size:2.5em;height:350px;margin-top:10px;padding-bottom:20px;padding-top:5px}.modal-content-no-bg{background-color:#000;border:1px solid #888;color:#fff;height:360px;margin:5% auto;overflow:auto;padding:20px;text-align:center;width:520px}.close{color:#fff;float:right;font-size:5.2em;font-weight:700;padding:15px;position:absolute;right:60px;top:20px}.close:focus,.close:hover{color:#fce306;cursor:pointer;text-decoration:none}.pdf_sample{float:left;height:80px;margin:-40px 0 0 55px;padding:0 0 0 10px;position:absolute;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:60px;z-index:99}.pdf_sample:hover{cursor:pointer;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.pdficon_slideout{background-color:#49c8f0;border-radius:20px;color:#000;font-family:Amaranth,sans-serif;font-size:1.8em;font-weight:700;height:50px;left:20px;line-height:50px;opacity:0;padding-left:20px;position:absolute;text-align:left;top:10px;width:140px;z-index:-10}.pdficon_slideout:hover{animation:fadeinPdfslideout 2s forwards;opacity:0}@keyframes fadeinPdfslideout{from{opacity:0}to{opacity:1}}.popup{cursor:pointer;display:inline-block;position:relative;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}.popup .popuptext{background-color:teal;border:green solid 1px;border-radius:6px;bottom:100%;left:50%;margin-left:-80px;padding:8px 0;position:absolute;text-align:center;visibility:hidden;width:250px;z-index:1}.popup .popuptext::after{border-color:#555 transparent transparent transparent;border-style:solid;border-width:5px;content:'';left:50%;margin-left:-5px;position:absolute;top:100%}.popup .show{animation:fadeIn 1s;visibility:visible}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.marquee{color:#0f6521;font-size:90px;font-weight:700;margin:0;overflow:hidden;white-space:nowrap;width:279px}.marquee p{animation:marquee 50s linear infinite;display:inline-block;margin-bottom:0;margin-top:10px;padding-left:100%}@keyframes marquee{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}s{color:red}