body{ background-color:palevioletred;
      box-sizing: border-box;}


*{padding: 0;
  margin: 0;
  box-sizing: border-box;}


.main{ width: 360px;
      height: 710px;
       margin: auto;
      background-color: #E8E8E8;
        }


.topbar{ width: 360px;
         height: 80px;
         box-shadow: -1px 2px 1px #ccc;
        background-color:#fff;}


.bar{ width: 360px;
         height: 22px;
        background-color:mediumvioletred;}


.toggle{ width: 26px;
         height: 20px;
         display: block;
        margin: 25px 0 0 20px;
         float: left;
         background-color:;}



 h2{ font-family: 'Roboto', sans-serif;
     display:inline-block;
     color:#000;
    font-size: 18px;
    margin: 17px 0 0 80px;
    float: left;
    font-weight:normal;
    margin: ;}


.filter{ width: 26px;
         height: 20px;
         display: block;
        margin: 25px 0 0 20px;
         float: right;
         background-color:;}




.card_1{ width: 344px;
         height: 144px;
         padding: 12px;
         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
         transition: 0.3s;
         border-radius: 3px;
         background-color: #fff;
         margin: 12px auto;}


.card_1:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  cursor:;
}



.card_1 h3{font-family:Helvetica;
            font-weight:normal;
     display:block;
     color:#000;
    font-size: 18px;
    margin:;
    float: ;
    margin-bottom: 9px;
    font-weight: ;
    margin: ;}


.card_1 h4{font-family:Helvetica;
      font-weight:normal;
      margin-bottom: 12px;
      display:block;
      color:#000;
      font-size: 12px;
      margin:;
      float: ;
      font-weight:normal;
      margin: ;}



.card_1 h5{font-family:Helvetica;
      font-weight:normal;
       margin-bottom: 12px;
      display:inline-block;
      color:#000;
      font-size: 12px;
      margin:;
      float: ;
      font-weight:normal;
      margin: ;}


.card_1 .my{font-family:Helvetica;
      font-weight:normal;
      display:inline-block;
      color:000;
      font-size: 12px;
      margin:;
      float: ;
      font-weight:bold;
      margin: ;}

h6{font-family:Helvetica;
      font-weight:normal;
      display:inline-block;
      color:#000;
      font-size: 12px;
      margin:;
      float: ;
      margin-left: 22px;

      font-weight:normal;
      margin: ;}


.bor{ border: ;
      height:1px;
      width: 312px;
      background-color: #EFEFEF;
      display: block;}

.my_2{font-family:Helvetica;
      font-weight:normal;
      display:inline-block;
      color:000;
      font-size: 12px;
       padding: 12px 0 0 0;
      
      float: ;
      font-weight:;
      margin: ;}


.my_3{font-family:Helvetica;
      font-weight:normal;
      display:inline-block;
      color:000;
      font-size: 12px;
     
      margin-left: 123px;
      float: ;
      font-weight:;
      margin: ;}