body{margin:0px;padding:0px;background-color:#334454;color:White; font-family: "driodkufi"}ul{list-style-type:none;margin:0px;padding:0px}.clear{clear:both;line-height:0px;width:0px}a{text-decoration:none}#errorpage{width:70%;margin:50px auto 0px auto;text-align:center}.title{font-size:50px}.cis{font-size:15px}.about{font-size:15px}.tools a{transition:all 0.3s ease 0s;width:200px;line-height:40px;border-radius:10px;background-color:#1EB3F3;font-size:18px;display:inline-block;margin-right:10px;padding:15px;color:#FFF;text-decoration:none}.tools a:hover{transition:all 0.3s ease 0s;opacity:0.6}.socialmedia{margin-top:20px}ul.sm li{transition:all 0.3s ease 0s;display:inline-block;height:40px;width:40px;border-radius:5px}ul.sm li a{display:block;height:40px;width:40px;font-family:sox;color:White;text-decoration:none;line-height:40px}ul.sm li:hover{transition:all 0.3s ease 0s;opacity:0.6}ul.sm li.facebook{background-color:#3E5C9A}ul.sm li.facebook a:before{content:"\f09a"}ul.sm li.twitter{background-color:#55ACEE}ul.sm li.twitter a:before{content:"\f099"}ul.sm li.google{background-color:#CA322F}ul.sm li.google a:before{content:"\f0d5"}ul.sm li.youtube{background-color:#CC181E}ul.sm li.youtube a:before{content:"\f167"}ul.sm li.linkin{background-color:#0177B5}ul.sm li.linkin a:before{content:"\f0e1"}.gates{direction:rtl;margin-top:30px}ul.gt li{width:150px;margin:10px auto 10px auto}ul.gt li a{transition:all 0.3s ease 0s;display:block;color:White;border-radius:5px}ul.gt li a:hover{transition:all 0.3s ease 0s;opacity:0.6}ul.gt li.student a{background-color:#dd851b}ul.gt li.lec a{background-color:#069}ul.gt li.student a{background-color:#dd851b}ul.gt li.emp a{background-color:#563E7C}