.style1 {
    background-image:url("../assets/bureau.jpg");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 50%
}
.style2 {
    border-top-left-radius: 38px;
    border-top-right-radius: 38px;
    border-bottom-left-radius: 38px;
    border-bottom-right-radius: 38px
}
.bt {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    width: 100px;
    height: 100px;
   
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;    
    background-image: linear-gradient(45deg, #709dff 0%, #91fdb7 100%);
    -webkit-transition: .4s;
    transition: .4s;
}

.bt:hover{
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}

@media (min-width: 1200px) {



.bt {
        height:150px;
        width:150px
    }

.style3 {
        width:4px;
        height:4px;
        font-size:5px;
        line-height:5
    }

.style4 {
        background-color:rgba(255, 255, 255, 0)
    }
}
.vKeyboard {
  background-color: #000;
  position: absolute;
  height: var(--keyboardHeight);
  top: calc(var(--documentHeight) - var(--keyboardHeight));
  width: inherit;
  overflow: hidden;
}

.vKeyboard-container {
  margin: 0px 20px;
}

.vKeyboard-numbers {
  margin-right: var(--keyboardLetterSpacing);
}

.vKeyboard-spacer {
  width: calc(var(--keyboardButton) / 2);
}

.vKeyboardRow {
  margin-top: var(--keyboardLetterSpacing);
  margin-bottom: var(--keyboardLetterSpacing);
}

.vKeyboard-offsetRow1 {
  margin-left: 0px;
  margin-right: var(--keyboardButton);
}
.vKeyboard-offsetRow2 {
  margin-left: calc(var(--keyboardButton) / 2);
}
.vKeyboard-offsetRow3 {
  margin-left: var(--keyboardButton);
}

.vKeyboard-letter,
.vKeyboard-number,
.vKeyboard-symbol,
.vKeyboard-enter,
.vKeyboard-return {
  color: #fff;
  font-size: 45px;
  height: var(--keyboardButton);
  width: var(--keyboardButton);
  border-radius: 6px;
  margin: 0;
}

.vKeyboard-letter,
.vKeyboard-number {
  background-color: #4e4e4e;
  -webkit-box-shadow: 0 0 0px 0 #4e4e4e;
          box-shadow: 0 0 0px 0 #4e4e4e;
  border: 0px solid #4e4e4e;
}

.vKeyboard-letter {
  margin-left: var(--keyboardLetterSpacing);
}

.vKeyboard-number {
  margin-left: var(--keyboardNumberSpacing);
}

.vKeyboard-symbol,
.vKeyboard-return {
  background-color: #3a3a3a;
  -webkit-box-shadow: 0 0 0px 0 #3a3a3a;
          box-shadow: 0 0 0px 0 #3a3a3a;
  border: 0px solid #3a3a3a;
  margin-left: 12px;
}

.vKeyboard-double {
  width: calc((var(--keyboardButton) * 2) + var(--keyboardNumberSpacing));
}

.vKeyboard-pad {
  margin-left: var(--keyboardNumberSpacing);
}

.vKeyboard-return {
  margin-left: 0;
}

.vKeyboard-enter {
  background-color: #9cd9cd;
  -webkit-box-shadow: 0 0 0px 0 #9cd9cd;
          box-shadow: 0 0 0px 0 #9cd9cd;
  border: 0px solid #9cd9cd;
  color: #fff;
  height: calc(
    (var(--keyboardButton) * 3) + (var(--keyboardLetterSpacing) * 2)
  );
}

.vKeyboard-space {
  margin-left: 20px;
  width: 100%;
}

.vKeyboard-space-character {
  position: relative;
  top: 15px;
  pointer-events: none;
}

.style5 {
    background-size:cover
}

.style6 {
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#fff
}

.style7 {
    background-size:cover;
    background-repeat:no-repeat
}

.style8 {
    color:#eef0f2
}

.style9 {
    background-size:cover;
    background-image:url("../assets/4853433.jpg")
}
.style30 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image:url("../assets/bureau.jpg")
}