//@full-height: 100vh;
//@main-color: red;
//@background-color: #d3d3d3;
//@divs-width: 200px;
//@divs-height: 250px;
//
//.transition(@transition) {
//  -webkit-transition: @transition;
//-moz-transition: @transition;
//-o-transition: @transition;
//transition: @transition;
//}
//.opacity(@opacity) {
//  opacity: @opacity / 100;
//  filter: ~"alpha(opacity=@{opacity})";
//}
//
//#main {
//    height: @full-height;
//}
//
//#content {
//    height: 100%;
//    background-color: @background-color;
//    color: @main-color;
//}
//
//.divs {
//    background-color: shade(@background-color, 50%);
//    color: white;
//    width: @divs-width;
//    height: @divs-height;
//    float: left;
//    margin: @divs-width / 8;
//    padding: @divs-width / 16;
//    box-sizing: border-box;
//}
//
//.div-three {
//        width: @divs-width * 2;
//}
//
//
//a {
//.transition(all 0.4s);
//color: @main-color;
//    .opacity(40);
//&:hover {
//  .opacity(20);
//  }
//}