body{
    background-image:url(../Media/bg.png);
    background-size:cover;
    background-attachment:fixed;
}
a{
    cursor:pointer;
}
.course{
    color:#3498db;
    text-decoration-line:none;
}
.course:hover{
    color:#005c97;
    text-decoration-line:underline;
}
.link{
    color:#bfbfbf;
    text-decoration-line:none;
}
.link:hover{
    color:#fff;
}
.div{
    width:calc(100vw - 30px);
    background-color:rgba(255,255,255,0.7);
    border-radius:20px;
    padding-left:10px;
    font-size:36px;
}
.div:hover{
    box-shadow:5px 5px 20px rgba(0,0,0,0.9);
}
.text_wrap{
    background-color:#fbf4e2;
    color:red;
    width:calc(100vw - 20px);
    height:100px;
    border-radius:50px;
    line-height:100px;
    font-size:36px;
}
.bottom{
    background:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,1));
    width:calc(100vw - 100px);
    height:300px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding-left:100px;
    font-size:36px;
}
.dropdown{
    position:fixed;
    right:15px;
    bottom:20px;
}
.mainmenubtn{
    background-color:#3498DB;
    color:white;
    border:none;
    cursor:pointer;
    width:150px;
    height:150px;
    border-radius:150px;
    position:fixed;
    right:15px;
    bottom:20px;
}
.mainmenubtn:hover,.mainmenubtn:focus{
  background-color:#2980B9;
}
.mainmenu{
  display:none;
  position:absolute;
  right:15px;
  bottom:180px;
  background-color:#f1f1f1;
  min-width:300px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1;
}
.menu1{
  display:none;
  position:absolute;
  right:300px;
  bottom:300px;
  background-color:#f1f1f1;
  min-width:160px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:2;
}
.menu2{
  display:none;
  position:absolute;
  right:300px;
  bottom:260px;
  background-color:#f1f1f1;
  min-width:160px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:2;
}
.menu3{
  display:none;
  position:absolute;
  right:300px;
  bottom:130px;
  background-color:#f1f1f1;
  min-width:200px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:2;
}
.menu4{
  display:none;
  position:absolute;
  right:300px;
  bottom:30px;
  background-color:#f1f1f1;
  min-width:200px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:2;
}
.mainmenu a,.menu1 a,.menu2 a,.menu3 a,.menu4 a{
  color:black;
  padding:12px 16px;
  font-size:36px;
  text-decoration:none;
  display:block;
}
.mainmenu a:hover,.menu1 a:hover,.menu2 a:hover,.menu3 a:hover,.menu4:hover{background-color:#ddd;}
.show{display:block;}