body {
    background: #D7D6D6;
}
ul.navbar {
    list-style-type: none;
    height: auto;
    margin: 0;
    margin-top: 2%;
    padding: 0;
    overflow: hidden;
    background-color: #3C343F;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-family: "Alegreya Sans", sans-serif;
}

.mainbody{
    background:#f0f0f0;
}
.footer{
    background-color: #3C343F;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-bottom: 2%;
}
.ftt{
    color: #BEB2C8;
    padding: 5px;
    font-family: "Alegreya Sans", sans-serif;
    font-size: 28px;
}
.name {
    color: #5D5E60;
    font-size: 55px;
    padding: 10px;
    letter-spacing: 10px;
    font-family: 'Poiret One', cursive;
    text-align: center;
    position:relative;
    float:center;
    width:100%;

}
ul.top {
    float: left;
    text-align: center;
}
li.bar {
    float: center;
    font-size: 200%;
    font-family: monospace;
    display:inline-block;
    white-space: pre-line;
}
li.desc {
    list-style-type: none;
    float:center;
}
li a.nb {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    overflow: hidden;
}
a.nb:hover {
    background-color: #111;
    border-radius: 2%;
}
.me {
    border-radius: 500px;
    float:center;
    position:relative;
    left: 50%;
    transform: translateX(-50%);

}
.atr {
    color: white;
    float: center;
    font-family: Helvetica;
    font-size: 40px;
    text-align: center;
    font-family: fantasy;
}
.dsc {
    text-align:left;
    color: whitesmoke;
    font-family: serif;

    font-size: 20px;
    font-family: Helvetica;
}
.title {
    text-align: center;
    font-size: 4em;
    color: mediumpurple;
    font-family: cursive;
}
.list {
    color:white;
    align-items:
}
.ttl {
    font-family: 'Cambay', sans-serif;
    float:center;
    text-align: center;
    border-radius: 250px;
    font-size: 3.2em;
    padding: 10%;
    top:50%;
    position:relative;
    transform: translateY(5%);

}
.termheader{
    font-family: 'Cambay', sans-serif;
    text-align:left;
    font-size: 2em;
}
.courses{
    font-family: 'Coda';
    text-align:left;
    margin:0;
}
.decr {
    font-family: 'Coda';
    text-align: justify;
    position: relative;
    font-size: .9em;
    background:#D7D6D6;
    padding: 2.5%;
    margin: 2%;
    margin-right: 10%
}

.thingy {
    /*border-radius: 40px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    margin-top: 10%;
    position: relative;
}

a {
    color: brown;
}
a.lnk:hover {
    color:black;
}
ul {
    list-style-type: none;

}
li {

}
i {
    padding-right: 10px;
}
.Titl{
    color:#BEB2C8;
    font-family: "Alegreya Sans", sans-serif;
    font-size: 38px;

}
.ft{
    color:#BEB2C8;
    font-size: 24px;
}
a .ft {
    color:#BEB2C8;
}
a.ft:hover{
    color:#8D8D92;
}
a.sclmda{
    color:#8D8D92;
    margin-right: 10px;
}
a.sclmda:hover{
    color:white;
}
.tyetel {
    color: #5D5E60;
    font-size: 40px;
    padding: 10px;
    letter-spacing: 10px;
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    float:center;
    width:100%;

}

@mixin vertical-align($position: relative) {
  position: $position;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.alignvert {
    @include vertical-align()
}
.titl {
    font-family: 'Poiret One', cursive;
    text-align: left;
    font-size: 2em;
    font-weight: bold;
}
.bigo{
    font-family: "Josefin Sans";
    text-align: center;
    font-size: 400%;
}
.tst{
    text-align:left;
    font-family: 'Coda';
    font-size: 1em;
}
ul.acmpl{
    list-style-type: circle;
}
.tyetl {
    color: #5D5E60;
    font-size: 40px;
    padding: 10px;
    letter-spacing: 5px;
    font-family: 'Josefin Sans';
    text-align: left;
}
.infoblock {
    background-color: #5D5E60;
    border-radius: 50px;
    width: 110%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: 2%;
}
.infotitle {
    color: white;
    text-align: center;
    font-family: Montserrat;
    padding:10px;
    font-size: 140%;

}
.infodesc{
    color:white;
    font-family: Coda;
    font-size: 90%;
    padding:10%;
    text-align: justify;
}
.skl {
    margin-right: 4%;
    margin-left: 4%;
}
hr.niceu {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
 .desbox{
    font-family: "Coda";
    background:#D7D6D6;
    border-radius: 25px;
    padding: 5%;
    margin-right: 10%;
    margin-left: 5%;
    margin-top: 1%;
}
.bigo2 {
    font-family: "Josefin Sans";
    text-align: center;
    font-size: 500%;
}
.tlpc{
    border-radius: 60px;
    margin-top:1%;
    margin-left:4%;
    height: 300px;
}
.phead {
    text-align: center;
    font-family: "Montserrat";
    font-size: 250%;
    color: #b70311;

}
.pdesc{
    font-family: "Roboto";
    padding: 2%;
    font-size: 125%;
    color: #5D5E60;
    text-align: justify;

}