basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    Pure Sozialmedia Css Icons.

    Code

                                        
                                    <!DOCTYPE html>
    <html>
      <head>
    <style>
        .logo-apple-large {
      background-color: #ffffff;
      border: 2px #808080 dotted;
      width: 300px;
      height: 300px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -ms-border-radius: 150px;
      -o-border-radius: 150px;
      border-radius: 150px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-apple-large div {
      position: absolute;
    }
    .logo-apple-large .blue-curve-left {
      background-color: #009cdc;
      -webkit-border-radius: 0 0 50% 50%;
      -moz-border-radius: 0 0 50% 50%;
      -ms-border-radius: 0 0 50% 50%;
      -o-border-radius: 0 0 50% 50%;
      border-radius: 0 0 50% 50%;
      width: 44px;
      height: 30px;
      left: 87px;
      top: 224px;
    }
    .logo-apple-large .blue-curve-right {
      background-color: #009cdc;
      -webkit-border-radius: 0 0 50% 50%;
      -moz-border-radius: 0 0 50% 50%;
      -ms-border-radius: 0 0 50% 50%;
      -o-border-radius: 0 0 50% 50%;
      border-radius: 0 0 50% 50%;
      width: 44px;
      height: 30px;
      left: 164px;
      top: 224px;
    }
    .logo-apple-large .blue {
      background-color: #009cdc;
      width: 160px;
      height: 29px;
      left: 67px;
      top: 221px;
    }
    .logo-apple-large .blue-none {
      background-color: #ffffff;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 53px;
      height: 23px;
      left: 121px;
      top: 244px;
    }
    .logo-apple-large .purple {
      background-color: #963d97;
      width: 190px;
      height: 29px;
      left: 53px;
      top: 195px;
    }
    .logo-apple-large .red {
      background-color: #e13a3d;
      width: 200px;
      height: 30px;
      left: 46px;
      top: 166px;
    }
    .logo-apple-large .orange {
      background-color: #f6832c;
      width: 168px;
      height: 33px;
      left: 48px;
      top: 135px;
    }
    .logo-apple-large .orange-curve {
      background-color: #f6832c;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 6px;
      height: 40px;
      left: 45px;
      top: 131px;
    }
    .logo-apple-large .yellow {
      background-color: #fcb83e;
      width: 184px;
      height: 31px;
      left: 46px;
      top: 106px;
    }
    .logo-apple-large .green-curve-left {
      background-color: #61bc48;
      -webkit-border-radius: 50% 50% 0 0;
      -moz-border-radius: 50% 50% 0 0;
      -ms-border-radius: 50% 50% 0 0;
      -o-border-radius: 50% 50% 0 0;
      border-radius: 50% 50% 0 0;
      width: 51px;
      height: 19px;
      left: 80px;
      top: 79px;
    }
    .logo-apple-large .green-curve-right {
      background-color: #61bc48;
      -webkit-border-radius: 50% 50% 0 0;
      -moz-border-radius: 50% 50% 0 0;
      -ms-border-radius: 50% 50% 0 0;
      -o-border-radius: 50% 50% 0 0;
      border-radius: 50% 50% 0 0;
      width: 53px;
      height: 19px;
      left: 164px;
      top: 79px;
    }
    .logo-apple-large .green {
      background-color: #61bc48;
      width: 181px;
      height: 24px;
      left: 56px;
      top: 83px;
    }
    .logo-apple-large .green-none {
      background-color: #ffffff;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 53px;
      height: 26px;
      left: 121px;
      top: 62px;
    }
    .logo-apple-large .green-leaf {
      -webkit-border-radius: 100% 0 100% 0;
      -moz-border-radius: 100% 0 100% 0;
      -ms-border-radius: 100% 0 100% 0;
      -o-border-radius: 100% 0 100% 0;
      border-radius: 100% 0 100% 0;
      background-color: #61bc48;
      width: 49px;
      height: 56px;
      top: 25px;
      left: 139px;
    }
    .logo-apple-large .bottom-left-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at top right, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 82px;
      height: 146px;
      left: 40px;
      top: 114px;
    }
    .logo-apple-large .bottom-right-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at top left, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 87px;
      height: 155px;
      left: 171px;
      top: 105px;
    }
    .logo-apple-large .top-left-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at bottom right, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 61px;
      height: 70px;
      left: 44px;
      top: 78px;
    }
    .logo-apple-large .top-right-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at bottom left, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 58px;
      height: 62px;
      left: 191px;
      top: 78px;
    }
    .logo-apple-large .apple-none {
      background-color: #ffffff;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 85px;
      height: 94px;
      left: 210px;
      top: 99px;
    }
    .logo-apple-small {
      background-color: #ffffff;
      border: 2px #808080 dotted;
      width: 52px;
      height: 52px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      -ms-border-radius: 26px;
      -o-border-radius: 26px;
      border-radius: 26px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-apple-small div {
      position: absolute;
    }
    .logo-apple-small .blue-curve-left {
      background-color: #009cdc;
      -webkit-border-radius: 0 0 50% 50%;
      -moz-border-radius: 0 0 50% 50%;
      -ms-border-radius: 0 0 50% 50%;
      -o-border-radius: 0 0 50% 50%;
      border-radius: 0 0 50% 50%;
      width: 7.626666666666667px;
      height: 5.2px;
      left: 15.08px;
      top: 38.82666666666667px;
    }
    .logo-apple-small .blue-curve-right {
      background-color: #009cdc;
      -webkit-border-radius: 0 0 50% 50%;
      -moz-border-radius: 0 0 50% 50%;
      -ms-border-radius: 0 0 50% 50%;
      -o-border-radius: 0 0 50% 50%;
      border-radius: 0 0 50% 50%;
      width: 7.626666666666667px;
      height: 5.2px;
      left: 28.42666666666667px;
      top: 38.82666666666667px;
    }
    .logo-apple-small .blue {
      background-color: #009cdc;
      width: 27.733333333333334px;
      height: 5.026666666666667px;
      left: 11.613333333333333px;
      top: 38.306666666666665px;
    }
    .logo-apple-small .blue-none {
      background-color: #ffffff;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 9.186666666666667px;
      height: 3.986666666666667px;
      left: 20.973333333333333px;
      top: 42.29333333333334px;
    }
    .logo-apple-small .purple {
      background-color: #963d97;
      width: 32.93333333333334px;
      height: 5.026666666666667px;
      left: 9.186666666666667px;
      top: 33.800000000000004px;
    }
    .logo-apple-small .red {
      background-color: #e13a3d;
      width: 34.66666666666667px;
      height: 5.2px;
      left: 7.973333333333334px;
      top: 28.773333333333333px;
    }
    .logo-apple-small .orange {
      background-color: #f6832c;
      width: 29.12px;
      height: 5.720000000000001px;
      left: 8.32px;
      top: 23.400000000000002px;
    }
    .logo-apple-small .orange-curve {
      background-color: #f6832c;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 1.04px;
      height: 6.933333333333334px;
      left: 7.800000000000001px;
      top: 22.706666666666667px;
    }
    .logo-apple-small .yellow {
      background-color: #fcb83e;
      width: 31.893333333333334px;
      height: 5.373333333333333px;
      left: 7.973333333333334px;
      top: 18.373333333333335px;
    }
    .logo-apple-small .green-curve-left {
      background-color: #61bc48;
      -webkit-border-radius: 50% 50% 0 0;
      -moz-border-radius: 50% 50% 0 0;
      -ms-border-radius: 50% 50% 0 0;
      -o-border-radius: 50% 50% 0 0;
      border-radius: 50% 50% 0 0;
      width: 8.84px;
      height: 3.2933333333333334px;
      left: 13.866666666666667px;
      top: 13.693333333333333px;
    }
    .logo-apple-small .green-curve-right {
      background-color: #61bc48;
      -webkit-border-radius: 50% 50% 0 0;
      -moz-border-radius: 50% 50% 0 0;
      -ms-border-radius: 50% 50% 0 0;
      -o-border-radius: 50% 50% 0 0;
      border-radius: 50% 50% 0 0;
      width: 9.186666666666667px;
      height: 3.2933333333333334px;
      left: 28.42666666666667px;
      top: 13.693333333333333px;
    }
    .logo-apple-small .green {
      background-color: #61bc48;
      width: 31.373333333333335px;
      height: 4.16px;
      left: 9.706666666666667px;
      top: 14.386666666666667px;
    }
    .logo-apple-small .green-none {
      background-color: #ffffff;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 9.186666666666667px;
      height: 4.506666666666667px;
      left: 20.973333333333333px;
      top: 10.746666666666666px;
    }
    .logo-apple-small .green-leaf {
      -webkit-border-radius: 100% 0 100% 0;
      -moz-border-radius: 100% 0 100% 0;
      -ms-border-radius: 100% 0 100% 0;
      -o-border-radius: 100% 0 100% 0;
      border-radius: 100% 0 100% 0;
      background-color: #61bc48;
      width: 8.493333333333334px;
      height: 9.706666666666667px;
      top: 4.333333333333334px;
      left: 24.093333333333334px;
    }
    .logo-apple-small .bottom-left-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at top right, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 14.213333333333335px;
      height: 25.30666666666667px;
      left: 6.933333333333334px;
      top: 19.76px;
    }
    .logo-apple-small .bottom-right-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at top left, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 15.08px;
      height: 26.866666666666667px;
      left: 29.64px;
      top: 18.2px;
    }
    .logo-apple-small .top-left-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at bottom right, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 10.573333333333334px;
      height: 12.133333333333333px;
      left: 7.626666666666667px;
      top: 13.52px;
    }
    .logo-apple-small .top-right-none {
      background-color: transparent;
      background-image: -moz-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -o-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: -webkit-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0);
      background-image: radial-gradient(at bottom left, rgba(0,0,0,0) 70%, #ffffff 0);
      width: 10.053333333333335px;
      height: 10.746666666666666px;
      left: 33.10666666666667px;
      top: 13.52px;
    }
    .logo-apple-small .apple-none {
      background-color: #ffffff;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 14.733333333333334px;
      height: 16.293333333333333px;
      left: 36.4px;
      top: 17.16px;
    }
    
        
        
        
        
        
        
        
        .logo-evernote-large {
      background-color: #87c441;
      width: 300px;
      height: 300px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -ms-border-radius: 150px;
      -o-border-radius: 150px;
      border-radius: 150px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-evernote-large div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-evernote-large div[class*=-none] {
      background-color: #87c441;
    }
    .logo-evernote-large .head {
      -webkit-transform: rotate(2deg);
      -moz-transform: rotate(2deg);
      -ms-transform: rotate(2deg);
      -o-transform: rotate(2deg);
      transform: rotate(2deg);
      -webkit-border-radius: 0 20% 0 11px;
      -moz-border-radius: 0 20% 0 11px;
      -ms-border-radius: 0 20% 0 11px;
      -o-border-radius: 0 20% 0 11px;
      border-radius: 0 20% 0 11px;
      width: 71px;
      height: 103px;
      left: 153px;
      top: 75px;
    }
    .logo-evernote-large .head-top {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
      width: 65px;
      height: 12px;
      left: 154px;
      top: 71px;
    }
    .logo-evernote-large .head-right {
      width: 11px;
      height: 115px;
      left: 217px;
      top: 88px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
    }
    .logo-evernote-large .head-bottom {
      -webkit-border-radius: 0 0 0 20px;
      -moz-border-radius: 0 0 0 20px;
      -ms-border-radius: 0 0 0 20px;
      -o-border-radius: 0 0 0 20px;
      border-radius: 0 0 0 20px;
      -webkit-transform: rotate(7deg);
      -moz-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
      -o-transform: rotate(7deg);
      transform: rotate(7deg);
      width: 70px;
      height: 16px;
      top: 169px;
      left: 151px;
    }
    .logo-evernote-large .trunk-right {
      -webkit-border-radius: 0 40% 62% 26px;
      -moz-border-radius: 0 40% 62% 26px;
      -ms-border-radius: 0 40% 62% 26px;
      -o-border-radius: 0 40% 62% 26px;
      border-radius: 0 40% 62% 26px;
      width: 45px;
      height: 110px;
      left: 181px;
      top: 133px;
      -webkit-transform: rotate(4deg);
      -moz-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
      -o-transform: rotate(4deg);
      transform: rotate(4deg);
    }
    .logo-evernote-large .trunk-bottom {
      -webkit-border-radius: 7px 0 26% 40%;
      -moz-border-radius: 7px 0 26% 40%;
      -ms-border-radius: 7px 0 26% 40%;
      -o-border-radius: 7px 0 26% 40%;
      border-radius: 7px 0 26% 40%;
      width: 56px;
      height: 30px;
      top: 214px;
      left: 152px;
    }
    .logo-evernote-large .trunk-left {
      -webkit-border-radius: 40% 0 0 39%;
      -moz-border-radius: 40% 0 0 39%;
      -ms-border-radius: 40% 0 0 39%;
      -o-border-radius: 40% 0 0 39%;
      border-radius: 40% 0 0 39%;
      width: 36px;
      height: 46px;
      top: 196px;
      left: 150px;
    }
    .logo-evernote-large .trunk-bottom-none {
      -webkit-border-radius: 22% 0 9px 26%;
      -moz-border-radius: 22% 0 9px 26%;
      -ms-border-radius: 22% 0 9px 26%;
      -o-border-radius: 22% 0 9px 26%;
      border-radius: 22% 0 9px 26%;
      width: 32px;
      height: 14px;
      left: 166px;
      top: 210px;
    }
    .logo-evernote-large .trunk-right-none {
      -webkit-border-radius: 130% 140% 50% 121%;
      -moz-border-radius: 130% 140% 50% 121%;
      -ms-border-radius: 130% 140% 50% 121%;
      -o-border-radius: 130% 140% 50% 121%;
      border-radius: 130% 140% 50% 121%;
      width: 19px;
      height: 32px;
      top: 187px;
      left: 179px;
    }
    .logo-evernote-large .trunk-left-none {
      -webkit-border-radius: 0 170% 0 0;
      -moz-border-radius: 0 170% 0 0;
      -ms-border-radius: 0 170% 0 0;
      -o-border-radius: 0 170% 0 0;
      border-radius: 0 170% 0 0;
      width: 18px;
      height: 12px;
      left: 178px;
      top: 184px;
    }
    .logo-evernote-large .head-none {
      -webkit-border-radius: 10px 10px 0 0;
      -moz-border-radius: 10px 10px 0 0;
      -ms-border-radius: 10px 10px 0 0;
      -o-border-radius: 10px 10px 0 0;
      border-radius: 10px 10px 0 0;
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
      width: 19px;
      height: 15px;
      left: 182px;
      top: 134px;
    }
    .logo-evernote-large .eye {
      -webkit-border-radius: 100% 150% 0 0;
      -moz-border-radius: 100% 150% 0 0;
      -ms-border-radius: 100% 150% 0 0;
      -o-border-radius: 100% 150% 0 0;
      border-radius: 100% 150% 0 0;
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
      width: 22px;
      height: 5px;
      left: 180px;
      top: 145px;
    }
    .logo-evernote-large .ear-flap {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 33px;
      height: 51px;
      top: 65px;
      left: 87px;
    }
    .logo-evernote-large .ear-flap-left-none {
      -webkit-border-radius: 16px 0 0 0;
      -moz-border-radius: 16px 0 0 0;
      -ms-border-radius: 16px 0 0 0;
      -o-border-radius: 16px 0 0 0;
      border-radius: 16px 0 0 0;
      width: 39px;
      height: 20px;
      top: 93px;
      left: 67px;
    }
    .logo-evernote-large .ear-flap-right-none {
      -webkit-border-radius: 9px 0 0 0;
      -moz-border-radius: 9px 0 0 0;
      -ms-border-radius: 9px 0 0 0;
      -o-border-radius: 9px 0 0 0;
      border-radius: 9px 0 0 0;
      width: 25px;
      height: 32px;
      top: 58px;
      left: 107px;
    }
    .logo-evernote-large .body-top {
      -webkit-border-radius: 100% 110% 112% 100%;
      -moz-border-radius: 100% 110% 112% 100%;
      -ms-border-radius: 100% 110% 112% 100%;
      -o-border-radius: 100% 110% 112% 100%;
      border-radius: 100% 110% 112% 100%;
      width: 52px;
      height: 29px;
      top: 56px;
      left: 112px;
    }
    .logo-evernote-large .body-left {
      -webkit-border-radius: 40px 0 0 167%;
      -moz-border-radius: 40px 0 0 167%;
      -ms-border-radius: 40px 0 0 167%;
      -o-border-radius: 40px 0 0 167%;
      border-radius: 40px 0 0 167%;
      width: 52px;
      height: 29px;
      top: 98px;
      left: 72px;
    }
    .logo-evernote-large .body-bottom-right {
      -webkit-transform: rotate(11deg);
      -moz-transform: rotate(11deg);
      -ms-transform: rotate(11deg);
      -o-transform: rotate(11deg);
      transform: rotate(11deg);
      -webkit-border-radius: 100% 100% 75% 0;
      -moz-border-radius: 100% 100% 75% 0;
      -ms-border-radius: 100% 100% 75% 0;
      -o-border-radius: 100% 100% 75% 0;
      border-radius: 100% 100% 75% 0;
      width: 18px;
      height: 42px;
      top: 149px;
      left: 132px;
    }
    .logo-evernote-large .body-bottom-left {
      -webkit-transform: rotate(-11deg);
      -moz-transform: rotate(-11deg);
      -ms-transform: rotate(-11deg);
      -o-transform: rotate(-11deg);
      transform: rotate(-11deg);
      -webkit-border-radius: 67% 100% 120% 68%;
      -moz-border-radius: 67% 100% 120% 68%;
      -ms-border-radius: 67% 100% 120% 68%;
      -o-border-radius: 67% 100% 120% 68%;
      border-radius: 67% 100% 120% 68%;
      height: 78px;
      width: 21px;
      left: 76px;
      top: 102px;
    }
    .logo-evernote-large .body-bottom {
      -webkit-transform: rotate(10deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg);
      -webkit-border-radius: 171% 120% 24px 100%;
      -moz-border-radius: 171% 120% 24px 100%;
      -ms-border-radius: 171% 120% 24px 100%;
      -o-border-radius: 171% 120% 24px 100%;
      border-radius: 171% 120% 24px 100%;
      width: 61px;
      height: 15px;
      left: 86px;
      top: 172px;
    }
    .logo-evernote-large .body-middle {
      width: 50px;
      height: 88px;
      left: 112px;
      top: 71px;
    }
    .logo-evernote-large .body {
      width: 50px;
      height: 57px;
      left: 90px;
      top: 120px;
    }
    .logo-evernote-large .ear-curve-none {
      -webkit-border-radius: 0 0 6px 0;
      -moz-border-radius: 0 0 6px 0;
      -ms-border-radius: 0 0 6px 0;
      -o-border-radius: 0 0 6px 0;
      border-radius: 0 0 6px 0;
      width: 10px;
      height: 10px;
      left: 102px;
      top: 88px;
    }
    .logo-evernote-large .ear-curve {
      -webkit-border-radius: 0 0 2px 0;
      -moz-border-radius: 0 0 2px 0;
      -ms-border-radius: 0 0 2px 0;
      -o-border-radius: 0 0 2px 0;
      border-radius: 0 0 2px 0;
      width: 8px;
      height: 8px;
      left: 99px;
      top: 85px;
    }
    .logo-evernote-small {
      background-color: #87c441;
      width: 52px;
      height: 52px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      -ms-border-radius: 26px;
      -o-border-radius: 26px;
      border-radius: 26px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-evernote-small div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-evernote-small div[class*=-none] {
      background-color: #87c441;
    }
    .logo-evernote-small .head {
      -webkit-transform: rotate(2deg);
      -moz-transform: rotate(2deg);
      -ms-transform: rotate(2deg);
      -o-transform: rotate(2deg);
      transform: rotate(2deg);
      -webkit-border-radius: 0 20% 0 1.9066666666666667px;
      -moz-border-radius: 0 20% 0 1.9066666666666667px;
      -ms-border-radius: 0 20% 0 1.9066666666666667px;
      -o-border-radius: 0 20% 0 1.9066666666666667px;
      border-radius: 0 20% 0 1.9066666666666667px;
      width: 12.306666666666667px;
      height: 17.853333333333335px;
      left: 26.52px;
      top: 13px;
    }
    .logo-evernote-small .head-top {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
      width: 11.266666666666667px;
      height: 2.08px;
      left: 26.693333333333335px;
      top: 12.306666666666667px;
    }
    .logo-evernote-small .head-right {
      width: 1.9066666666666667px;
      height: 19.933333333333334px;
      left: 37.61333333333334px;
      top: 15.253333333333334px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
    }
    .logo-evernote-small .head-bottom {
      -webkit-border-radius: 0 0 0 3.466666666666667px;
      -moz-border-radius: 0 0 0 3.466666666666667px;
      -ms-border-radius: 0 0 0 3.466666666666667px;
      -o-border-radius: 0 0 0 3.466666666666667px;
      border-radius: 0 0 0 3.466666666666667px;
      -webkit-transform: rotate(7deg);
      -moz-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
      -o-transform: rotate(7deg);
      transform: rotate(7deg);
      width: 12.133333333333333px;
      height: 2.7733333333333334px;
      top: 29.293333333333333px;
      left: 26.173333333333336px;
    }
    .logo-evernote-small .trunk-right {
      -webkit-border-radius: 0 40% 62% 4.506666666666667px;
      -moz-border-radius: 0 40% 62% 4.506666666666667px;
      -ms-border-radius: 0 40% 62% 4.506666666666667px;
      -o-border-radius: 0 40% 62% 4.506666666666667px;
      border-radius: 0 40% 62% 4.506666666666667px;
      width: 7.800000000000001px;
      height: 19.066666666666666px;
      left: 31.373333333333335px;
      top: 23.053333333333335px;
      -webkit-transform: rotate(4deg);
      -moz-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
      -o-transform: rotate(4deg);
      transform: rotate(4deg);
    }
    .logo-evernote-small .trunk-bottom {
      -webkit-border-radius: 1.2133333333333334px 0 26% 40%;
      -moz-border-radius: 1.2133333333333334px 0 26% 40%;
      -ms-border-radius: 1.2133333333333334px 0 26% 40%;
      -o-border-radius: 1.2133333333333334px 0 26% 40%;
      border-radius: 1.2133333333333334px 0 26% 40%;
      width: 9.706666666666667px;
      height: 5.2px;
      top: 37.093333333333334px;
      left: 26.346666666666668px;
    }
    .logo-evernote-small .trunk-left {
      -webkit-border-radius: 40% 0 0 39%;
      -moz-border-radius: 40% 0 0 39%;
      -ms-border-radius: 40% 0 0 39%;
      -o-border-radius: 40% 0 0 39%;
      border-radius: 40% 0 0 39%;
      width: 6.24px;
      height: 7.973333333333334px;
      top: 33.973333333333336px;
      left: 26px;
    }
    .logo-evernote-small .trunk-bottom-none {
      -webkit-border-radius: 22% 0 1.56px 26%;
      -moz-border-radius: 22% 0 1.56px 26%;
      -ms-border-radius: 22% 0 1.56px 26%;
      -o-border-radius: 22% 0 1.56px 26%;
      border-radius: 22% 0 1.56px 26%;
      width: 5.546666666666667px;
      height: 2.4266666666666667px;
      left: 28.773333333333333px;
      top: 36.4px;
    }
    .logo-evernote-small .trunk-right-none {
      -webkit-border-radius: 130% 140% 50% 121%;
      -moz-border-radius: 130% 140% 50% 121%;
      -ms-border-radius: 130% 140% 50% 121%;
      -o-border-radius: 130% 140% 50% 121%;
      border-radius: 130% 140% 50% 121%;
      width: 3.2933333333333334px;
      height: 5.546666666666667px;
      top: 32.413333333333334px;
      left: 31.026666666666667px;
    }
    .logo-evernote-small .trunk-left-none {
      -webkit-border-radius: 0 170% 0 0;
      -moz-border-radius: 0 170% 0 0;
      -ms-border-radius: 0 170% 0 0;
      -o-border-radius: 0 170% 0 0;
      border-radius: 0 170% 0 0;
      width: 3.12px;
      height: 2.08px;
      left: 30.853333333333335px;
      top: 31.893333333333334px;
    }
    .logo-evernote-small .head-none {
      -webkit-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0;
      -moz-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0;
      -ms-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0;
      -o-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0;
      border-radius: 1.7333333333333334px 1.7333333333333334px 0 0;
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
      width: 3.2933333333333334px;
      height: 2.6px;
      left: 31.546666666666667px;
      top: 23.226666666666667px;
    }
    .logo-evernote-small .eye {
      -webkit-border-radius: 100% 150% 0 0;
      -moz-border-radius: 100% 150% 0 0;
      -ms-border-radius: 100% 150% 0 0;
      -o-border-radius: 100% 150% 0 0;
      border-radius: 100% 150% 0 0;
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
      width: 3.8133333333333335px;
      height: 0.8666666666666667px;
      left: 31.200000000000003px;
      top: 25.133333333333333px;
    }
    .logo-evernote-small .ear-flap {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 5.720000000000001px;
      height: 8.84px;
      top: 11.266666666666667px;
      left: 15.08px;
    }
    .logo-evernote-small .ear-flap-left-none {
      -webkit-border-radius: 2.7733333333333334px 0 0 0;
      -moz-border-radius: 2.7733333333333334px 0 0 0;
      -ms-border-radius: 2.7733333333333334px 0 0 0;
      -o-border-radius: 2.7733333333333334px 0 0 0;
      border-radius: 2.7733333333333334px 0 0 0;
      width: 6.76px;
      height: 3.466666666666667px;
      top: 16.12px;
      left: 11.613333333333333px;
    }
    .logo-evernote-small .ear-flap-right-none {
      -webkit-border-radius: 1.56px 0 0 0;
      -moz-border-radius: 1.56px 0 0 0;
      -ms-border-radius: 1.56px 0 0 0;
      -o-border-radius: 1.56px 0 0 0;
      border-radius: 1.56px 0 0 0;
      width: 4.333333333333334px;
      height: 5.546666666666667px;
      top: 10.053333333333335px;
      left: 18.546666666666667px;
    }
    .logo-evernote-small .body-top {
      -webkit-border-radius: 100% 110% 112% 100%;
      -moz-border-radius: 100% 110% 112% 100%;
      -ms-border-radius: 100% 110% 112% 100%;
      -o-border-radius: 100% 110% 112% 100%;
      border-radius: 100% 110% 112% 100%;
      width: 9.013333333333334px;
      height: 5.026666666666667px;
      top: 9.706666666666667px;
      left: 19.413333333333334px;
    }
    .logo-evernote-small .body-left {
      -webkit-border-radius: 6.933333333333334px 0 0 167%;
      -moz-border-radius: 6.933333333333334px 0 0 167%;
      -ms-border-radius: 6.933333333333334px 0 0 167%;
      -o-border-radius: 6.933333333333334px 0 0 167%;
      border-radius: 6.933333333333334px 0 0 167%;
      width: 9.013333333333334px;
      height: 5.026666666666667px;
      top: 16.986666666666668px;
      left: 12.48px;
    }
    .logo-evernote-small .body-bottom-right {
      -webkit-transform: rotate(11deg);
      -moz-transform: rotate(11deg);
      -ms-transform: rotate(11deg);
      -o-transform: rotate(11deg);
      transform: rotate(11deg);
      -webkit-border-radius: 100% 100% 75% 0;
      -moz-border-radius: 100% 100% 75% 0;
      -ms-border-radius: 100% 100% 75% 0;
      -o-border-radius: 100% 100% 75% 0;
      border-radius: 100% 100% 75% 0;
      width: 3.12px;
      height: 7.28px;
      top: 25.826666666666668px;
      left: 22.880000000000003px;
    }
    .logo-evernote-small .body-bottom-left {
      -webkit-transform: rotate(-11deg);
      -moz-transform: rotate(-11deg);
      -ms-transform: rotate(-11deg);
      -o-transform: rotate(-11deg);
      transform: rotate(-11deg);
      -webkit-border-radius: 67% 100% 120% 68%;
      -moz-border-radius: 67% 100% 120% 68%;
      -ms-border-radius: 67% 100% 120% 68%;
      -o-border-radius: 67% 100% 120% 68%;
      border-radius: 67% 100% 120% 68%;
      height: 13.52px;
      width: 3.64px;
      left: 13.173333333333334px;
      top: 17.68px;
    }
    .logo-evernote-small .body-bottom {
      -webkit-transform: rotate(10deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg);
      -webkit-border-radius: 171% 120% 4.16px 100%;
      -moz-border-radius: 171% 120% 4.16px 100%;
      -ms-border-radius: 171% 120% 4.16px 100%;
      -o-border-radius: 171% 120% 4.16px 100%;
      border-radius: 171% 120% 4.16px 100%;
      width: 10.573333333333334px;
      height: 2.6px;
      left: 14.906666666666666px;
      top: 29.813333333333333px;
    }
    .logo-evernote-small .body-middle {
      width: 8.666666666666668px;
      height: 15.253333333333334px;
      left: 19.413333333333334px;
      top: 12.306666666666667px;
    }
    .logo-evernote-small .body {
      width: 8.666666666666668px;
      height: 9.88px;
      left: 15.600000000000001px;
      top: 20.8px;
    }
    .logo-evernote-small .ear-curve-none {
      -webkit-border-radius: 0 0 1.04px 0;
      -moz-border-radius: 0 0 1.04px 0;
      -ms-border-radius: 0 0 1.04px 0;
      -o-border-radius: 0 0 1.04px 0;
      border-radius: 0 0 1.04px 0;
      width: 1.7333333333333334px;
      height: 1.7333333333333334px;
      left: 17.68px;
      top: 15.253333333333334px;
    }
    .logo-evernote-small .ear-curve {
      -webkit-border-radius: 0 0 0.3466666666666667px 0;
      -moz-border-radius: 0 0 0.3466666666666667px 0;
      -ms-border-radius: 0 0 0.3466666666666667px 0;
      -o-border-radius: 0 0 0.3466666666666667px 0;
      border-radius: 0 0 0.3466666666666667px 0;
      width: 1.3866666666666667px;
      height: 1.3866666666666667px;
      left: 17.16px;
      top: 14.733333333333334px;
    }
    
    
    
    
    
    
    
    
    
    
    
    .logo-dropbox-large {
      background-color: #2795ee;
      width: 300px;
      height: 300px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -ms-border-radius: 150px;
      -o-border-radius: 150px;
      border-radius: 150px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-dropbox-large div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-dropbox-large div[class*=-none] {
      background-color: #2795ee;
    }
    .logo-dropbox-large .base-left {
      -webkit-transform: skew(0, 31deg);
      -moz-transform: skew(0, 31deg);
      -ms-transform: skew(0, 31deg);
      -o-transform: skew(0, 31deg);
      transform: skew(0, 31deg);
      width: 61px;
      height: 79px;
      left: 90px;
      top: 153px;
    }
    .logo-dropbox-large .base-right {
      -webkit-transform: skew(0, -31deg);
      -moz-transform: skew(0, -31deg);
      -ms-transform: skew(0, -31deg);
      -o-transform: skew(0, -31deg);
      transform: skew(0, -31deg);
      width: 61px;
      height: 79px;
      left: 151px;
      top: 153px;
    }
    .logo-dropbox-large .base-middle {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 8px;
      height: 76px;
      left: 147px;
      top: 171px;
    }
    .logo-dropbox-large .cover-left-none {
      -webkit-transform: skew(-50deg, 34deg);
      -moz-transform: skew(-50deg, 34deg);
      -ms-transform: skew(-50deg, 34deg);
      -o-transform: skew(-50deg, 34deg);
      transform: skew(-50deg, 34deg);
      width: 62px;
      height: 40px;
      left: 70px;
      top: 152px;
    }
    .logo-dropbox-large .cover-right-none {
      -webkit-transform: skew(50deg, -34deg);
      -moz-transform: skew(50deg, -34deg);
      -ms-transform: skew(50deg, -34deg);
      -o-transform: skew(50deg, -34deg);
      transform: skew(50deg, -34deg);
      width: 62px;
      height: 40px;
      left: 170px;
      top: 152px;
    }
    .logo-dropbox-large .cover-top {
      -webkit-transform: skew(51deg, -33deg);
      -moz-transform: skew(51deg, -33deg);
      -ms-transform: skew(51deg, -33deg);
      -o-transform: skew(51deg, -33deg);
      transform: skew(51deg, -33deg);
      width: 60px;
      height: 37px;
      left: 71px;
      top: 79px;
    }
    .logo-dropbox-large .cover-bottom {
      -webkit-transform: skew(51deg, -33deg);
      -moz-transform: skew(51deg, -33deg);
      -ms-transform: skew(51deg, -33deg);
      -o-transform: skew(51deg, -33deg);
      transform: skew(51deg, -33deg);
      width: 60px;
      height: 37px;
      left: 171px;
      top: 148px;
    }
    .logo-dropbox-large .cover-right {
      -webkit-transform: skew(-51deg, 33deg);
      -moz-transform: skew(-51deg, 33deg);
      -ms-transform: skew(-51deg, 33deg);
      -o-transform: skew(-51deg, 33deg);
      transform: skew(-51deg, 33deg);
      width: 60px;
      height: 37px;
      left: 171px;
      top: 79px;
    }
    .logo-dropbox-large .cover-left {
      -webkit-transform: skew(-51deg, 33deg);
      -moz-transform: skew(-51deg, 33deg);
      -ms-transform: skew(-51deg, 33deg);
      -o-transform: skew(-51deg, 33deg);
      transform: skew(-51deg, 33deg);
      width: 60px;
      height: 37px;
      left: 71px;
      top: 148px;
    }
    .logo-dropbox-large .box-none {
      -webkit-transform: skew(-58deg, 32deg);
      -moz-transform: skew(-58deg, 32deg);
      -ms-transform: skew(-58deg, 32deg);
      -o-transform: skew(-58deg, 32deg);
      transform: skew(-58deg, 32deg);
      width: 60px;
      height: 38px;
      left: 121px;
      top: 113px;
    }
    .logo-dropbox-small {
      background-color: #2795ee;
      width: 52px;
      height: 52px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      -ms-border-radius: 26px;
      -o-border-radius: 26px;
      border-radius: 26px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-dropbox-small div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-dropbox-small div[class*=-none] {
      background-color: #2795ee;
    }
    .logo-dropbox-small .base-left {
      -webkit-transform: skew(0, 31deg);
      -moz-transform: skew(0, 31deg);
      -ms-transform: skew(0, 31deg);
      -o-transform: skew(0, 31deg);
      transform: skew(0, 31deg);
      width: 10.573333333333334px;
      height: 13.693333333333333px;
      left: 15.600000000000001px;
      top: 26.52px;
    }
    .logo-dropbox-small .base-right {
      -webkit-transform: skew(0, -31deg);
      -moz-transform: skew(0, -31deg);
      -ms-transform: skew(0, -31deg);
      -o-transform: skew(0, -31deg);
      transform: skew(0, -31deg);
      width: 10.573333333333334px;
      height: 13.693333333333333px;
      left: 26.173333333333336px;
      top: 26.52px;
    }
    .logo-dropbox-small .base-middle {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 1.3866666666666667px;
      height: 13.173333333333334px;
      left: 25.48px;
      top: 29.64px;
    }
    .logo-dropbox-small .cover-left-none {
      -webkit-transform: skew(-50deg, 34deg);
      -moz-transform: skew(-50deg, 34deg);
      -ms-transform: skew(-50deg, 34deg);
      -o-transform: skew(-50deg, 34deg);
      transform: skew(-50deg, 34deg);
      width: 10.746666666666666px;
      height: 6.933333333333334px;
      left: 12.133333333333333px;
      top: 26.346666666666668px;
    }
    .logo-dropbox-small .cover-right-none {
      -webkit-transform: skew(50deg, -34deg);
      -moz-transform: skew(50deg, -34deg);
      -ms-transform: skew(50deg, -34deg);
      -o-transform: skew(50deg, -34deg);
      transform: skew(50deg, -34deg);
      width: 10.746666666666666px;
      height: 6.933333333333334px;
      left: 29.46666666666667px;
      top: 26.346666666666668px;
    }
    .logo-dropbox-small .cover-top {
      -webkit-transform: skew(51deg, -33deg);
      -moz-transform: skew(51deg, -33deg);
      -ms-transform: skew(51deg, -33deg);
      -o-transform: skew(51deg, -33deg);
      transform: skew(51deg, -33deg);
      width: 10.4px;
      height: 6.413333333333334px;
      left: 12.306666666666667px;
      top: 13.693333333333333px;
    }
    .logo-dropbox-small .cover-bottom {
      -webkit-transform: skew(51deg, -33deg);
      -moz-transform: skew(51deg, -33deg);
      -ms-transform: skew(51deg, -33deg);
      -o-transform: skew(51deg, -33deg);
      transform: skew(51deg, -33deg);
      width: 10.4px;
      height: 6.413333333333334px;
      left: 29.64px;
      top: 25.653333333333336px;
    }
    .logo-dropbox-small .cover-right {
      -webkit-transform: skew(-51deg, 33deg);
      -moz-transform: skew(-51deg, 33deg);
      -ms-transform: skew(-51deg, 33deg);
      -o-transform: skew(-51deg, 33deg);
      transform: skew(-51deg, 33deg);
      width: 10.4px;
      height: 6.413333333333334px;
      left: 29.64px;
      top: 13.693333333333333px;
    }
    .logo-dropbox-small .cover-left {
      -webkit-transform: skew(-51deg, 33deg);
      -moz-transform: skew(-51deg, 33deg);
      -ms-transform: skew(-51deg, 33deg);
      -o-transform: skew(-51deg, 33deg);
      transform: skew(-51deg, 33deg);
      width: 10.4px;
      height: 6.413333333333334px;
      left: 12.306666666666667px;
      top: 25.653333333333336px;
    }
    .logo-dropbox-small .box-none {
      -webkit-transform: skew(-58deg, 32deg);
      -moz-transform: skew(-58deg, 32deg);
      -ms-transform: skew(-58deg, 32deg);
      -o-transform: skew(-58deg, 32deg);
      transform: skew(-58deg, 32deg);
      width: 10.4px;
      height: 6.586666666666667px;
      left: 20.973333333333333px;
      top: 19.586666666666666px;
    }
    
    
    
    
    
    
    
    
    
        
        
        
        
        
        
        .logo-twitter-large {
      background-color: #00aced;
      width: 300px;
      height: 300px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-twitter-large div {
      position: absolute;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      background-color: #ffffff;
    }
    .logo-twitter-large div[class*=-none] {
      background-color: #00aced;
    }
    .logo-twitter-large .body {
      top: 16px;
      left: 15px;
      width: 206px;
      height: 206px;
    }
    .logo-twitter-large .body-none {
      top: 56px;
      left: -6px;
      width: 150px;
      height: 150px;
    }
    .logo-twitter-large .wing-top {
      top: 65px;
      left: 68px;
      width: 88px;
      height: 77px;
    }
    .logo-twitter-large .wing-top-none {
      top: -77px;
      left: 53px;
      width: 200px;
      height: 200px;
    }
    .logo-twitter-large .wing-middle {
      top: 95px;
      left: 68px;
      width: 88px;
      height: 73px;
    }
    .logo-twitter-large .wing-middle-none {
      top: -25px;
      left: 20px;
      width: 160px;
      height: 160px;
    }
    .logo-twitter-large .wing-bottom {
      top: 121px;
      left: 80px;
      width: 70px;
      height: 70px;
    }
    .logo-twitter-large .wing-bottom-none {
      top: 106px;
      left: 58px;
      width: 60px;
      height: 60px;
    }
    .logo-twitter-large .beak-bottom {
      width: 100px;
      height: 100px;
      left: 145px;
      top: 21px;
    }
    .logo-twitter-large .beak-bottom-none {
      width: 115px;
      height: 115px;
      left: 155px;
      top: -14px;
    }
    .logo-twitter-large .beak-top {
      width: 65px;
      height: 65px;
      left: 170px;
      top: 39px;
    }
    .logo-twitter-large .beak-top-none {
      width: 115px;
      height: 115px;
      left: 144px;
      top: -25px;
    }
    .logo-twitter-large .head {
      width: 72px;
      height: 72px;
      left: 148px;
      top: 78px;
    }
    .logo-twitter-small {
      background-color: #00aced;
      width: 52px;
      height: 52px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-twitter-small div {
      position: absolute;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      background-color: #ffffff;
    }
    .logo-twitter-small div[class*=-none] {
      background-color: #00aced;
    }
    .logo-twitter-small .body {
      top: 2.7733333333333334px;
      left: 2.6px;
      width: 35.70666666666667px;
      height: 35.70666666666667px;
    }
    .logo-twitter-small .body-none {
      top: 9.706666666666667px;
      left: -1.04px;
      width: 26px;
      height: 26px;
    }
    .logo-twitter-small .wing-top {
      top: 11.266666666666667px;
      left: 11.786666666666667px;
      width: 15.253333333333334px;
      height: 13.346666666666668px;
    }
    .logo-twitter-small .wing-top-none {
      top: -13.346666666666668px;
      left: 9.186666666666667px;
      width: 34.66666666666667px;
      height: 34.66666666666667px;
    }
    .logo-twitter-small .wing-middle {
      top: 16.46666666666667px;
      left: 11.786666666666667px;
      width: 15.253333333333334px;
      height: 12.653333333333334px;
    }
    .logo-twitter-small .wing-middle-none {
      top: -4.333333333333334px;
      left: 3.466666666666667px;
      width: 27.733333333333334px;
      height: 27.733333333333334px;
    }
    .logo-twitter-small .wing-bottom {
      top: 20.973333333333333px;
      left: 13.866666666666667px;
      width: 12.133333333333333px;
      height: 12.133333333333333px;
    }
    .logo-twitter-small .wing-bottom-none {
      top: 18.373333333333335px;
      left: 10.053333333333335px;
      width: 10.4px;
      height: 10.4px;
    }
    .logo-twitter-small .beak-bottom {
      width: 17.333333333333336px;
      height: 17.333333333333336px;
      left: 25.133333333333333px;
      top: 3.64px;
    }
    .logo-twitter-small .beak-bottom-none {
      width: 19.933333333333334px;
      height: 19.933333333333334px;
      left: 26.866666666666667px;
      top: -2.4266666666666667px;
    }
    .logo-twitter-small .beak-top {
      width: 11.266666666666667px;
      height: 11.266666666666667px;
      left: 29.46666666666667px;
      top: 6.76px;
    }
    .logo-twitter-small .beak-top-none {
      width: 19.933333333333334px;
      height: 19.933333333333334px;
      left: 24.96px;
      top: -4.333333333333334px;
    }
    .logo-twitter-small .head {
      width: 12.48px;
      height: 12.48px;
      left: 25.653333333333336px;
      top: 13.52px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .logo-linkedin-large {
      background-color: #007bb6;
      width: 300px;
      height: 300px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -ms-border-radius: 150px;
      -o-border-radius: 150px;
      border-radius: 150px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-linkedin-large div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-linkedin-large div[class*=-none] {
      background-color: #007bb6;
    }
    .logo-linkedin-large .i-dot {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 43px;
      height: 43px;
      left: 59px;
      top: 60px;
    }
    .logo-linkedin-large .i-body {
      width: 37px;
      height: 118px;
      left: 62px;
      top: 119px;
    }
    .logo-linkedin-large .n-body {
      width: 36px;
      height: 118px;
      left: 122px;
      top: 119px;
    }
    .logo-linkedin-large .n-curve {
      -webkit-border-radius: 36px 42px 0 0;
      -moz-border-radius: 36px 42px 0 0;
      -ms-border-radius: 36px 42px 0 0;
      -o-border-radius: 36px 42px 0 0;
      border-radius: 36px 42px 0 0;
      width: 84px;
      height: 121px;
      left: 154px;
      top: 116px;
    }
    .logo-linkedin-large .n-curve-none {
      -webkit-border-radius: 31px 23px 0 0;
      -moz-border-radius: 31px 23px 0 0;
      -ms-border-radius: 31px 23px 0 0;
      -o-border-radius: 31px 23px 0 0;
      border-radius: 31px 23px 0 0;
      width: 41px;
      height: 95px;
      left: 159px;
      top: 148px;
    }
    .logo-linkedin-small {
      background-color: #007bb6;
      width: 52px;
      height: 52px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      -ms-border-radius: 26px;
      -o-border-radius: 26px;
      border-radius: 26px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-linkedin-small div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-linkedin-small div[class*=-none] {
      background-color: #007bb6;
    }
    .logo-linkedin-small .i-dot {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 7.453333333333333px;
      height: 7.453333333333333px;
      left: 10.226666666666667px;
      top: 10.4px;
    }
    .logo-linkedin-small .i-body {
      width: 6.413333333333334px;
      height: 20.453333333333333px;
      left: 10.746666666666666px;
      top: 20.62666666666667px;
    }
    .logo-linkedin-small .n-body {
      width: 6.24px;
      height: 20.453333333333333px;
      left: 21.14666666666667px;
      top: 20.62666666666667px;
    }
    .logo-linkedin-small .n-curve {
      -webkit-border-radius: 6.24px 7.28px 0 0;
      -moz-border-radius: 6.24px 7.28px 0 0;
      -ms-border-radius: 6.24px 7.28px 0 0;
      -o-border-radius: 6.24px 7.28px 0 0;
      border-radius: 6.24px 7.28px 0 0;
      width: 14.56px;
      height: 20.973333333333333px;
      left: 26.693333333333335px;
      top: 20.10666666666667px;
    }
    .logo-linkedin-small .n-curve-none {
      -webkit-border-radius: 5.373333333333333px 3.986666666666667px 0 0;
      -moz-border-radius: 5.373333333333333px 3.986666666666667px 0 0;
      -ms-border-radius: 5.373333333333333px 3.986666666666667px 0 0;
      -o-border-radius: 5.373333333333333px 3.986666666666667px 0 0;
      border-radius: 5.373333333333333px 3.986666666666667px 0 0;
      width: 7.106666666666667px;
      height: 16.46666666666667px;
      left: 27.560000000000002px;
      top: 25.653333333333336px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .logo-github-large {
      background-color: #171516;
      width: 300px;
      height: 300px;
      position: relative;
      left: 0;
      top: 0;
      overflow: hidden;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -ms-border-radius: 150px;
      -o-border-radius: 150px;
      border-radius: 150px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-github-large div {
      position: absolute;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      background-color: #ffffff;
    }
    .logo-github-large div[class*=-none] {
      background-color: #171516;
    }
    .logo-github-large .head {
      width: 188px;
      height: 140px;
      left: 56px;
      top: 75px;
    }
    .logo-github-large .chin-left {
      width: 125px;
      height: 136px;
      left: 54px;
      top: 82px;
    }
    .logo-github-large .chin-right {
      width: 125px;
      height: 136px;
      left: 121px;
      top: 82px;
    }
    .logo-github-large .ear-one-left {
      width: 70px;
      height: 90px;
      left: 67px;
      top: 42px;
    }
    .logo-github-large .ear-one-right {
      width: 46px;
      height: 12px;
      left: 69px;
      top: 69px;
      -webkit-transform: rotate(23deg);
      -moz-transform: rotate(23deg);
      -ms-transform: rotate(23deg);
      -o-transform: rotate(23deg);
      transform: rotate(23deg);
    }
    .logo-github-large .ear-one-none {
      width: 102px;
      height: 45px;
      left: 70px;
      top: 37px;
    }
    .logo-github-large .ear-two-left {
      width: 46px;
      height: 12px;
      left: 185px;
      top: 69px;
      -webkit-transform: rotate(-23deg);
      -moz-transform: rotate(-23deg);
      -ms-transform: rotate(-23deg);
      -o-transform: rotate(-23deg);
      transform: rotate(-23deg);
    }
    .logo-github-large .ear-two-right {
      width: 70px;
      height: 90px;
      left: 163px;
      top: 42px;
    }
    .logo-github-large .ear-two-none {
      width: 102px;
      height: 45px;
      left: 128px;
      top: 37px;
    }
    .logo-github-large .body-left {
      -webkit-border-radius: 100% 100% 0 0;
      -moz-border-radius: 100% 100% 0 0;
      -ms-border-radius: 100% 100% 0 0;
      -o-border-radius: 100% 100% 0 0;
      border-radius: 100% 100% 0 0;
      width: 56px;
      height: 88px;
      left: 112px;
      top: 209px;
    }
    .logo-github-large .body-left-none {
      width: 8px;
      height: 40px;
      left: 104px;
      top: 254px;
      -webkit-border-radius: 4px 0 4px 0;
      -moz-border-radius: 4px 0 4px 0;
      -ms-border-radius: 4px 0 4px 0;
      -o-border-radius: 4px 0 4px 0;
      border-radius: 4px 0 4px 0;
    }
    .logo-github-large .body-right {
      -webkit-border-radius: 100% 100% 0 0;
      -moz-border-radius: 100% 100% 0 0;
      -ms-border-radius: 100% 100% 0 0;
      -o-border-radius: 100% 100% 0 0;
      border-radius: 100% 100% 0 0;
      width: 56px;
      height: 88px;
      left: 132px;
      top: 209px;
    }
    .logo-github-large .body-right-none {
      width: 8px;
      height: 40px;
      left: 188px;
      top: 254px;
      -webkit-border-radius: 0 4px 0 4px;
      -moz-border-radius: 0 4px 0 4px;
      -ms-border-radius: 0 4px 0 4px;
      -o-border-radius: 0 4px 0 4px;
      border-radius: 0 4px 0 4px;
    }
    .logo-github-large .body-bottom {
      width: 88px;
      height: 18px;
      left: 106px;
      top: 285px;
    }
    .logo-github-large .tail-end {
      -webkit-transform: rotate(-35deg);
      -moz-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
      -o-transform: rotate(-35deg);
      transform: rotate(-35deg);
      width: 16px;
      height: 35px;
      left: 53px;
      top: 211px;
    }
    .logo-github-large .tail-body {
      width: 78px;
      height: 48px;
      left: 63px;
      top: 213px;
    }
    .logo-github-large .tail-body-spots {
      border: 5px #171516 dotted;
      background: transparent;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 0 0 145px 130px;
      -moz-border-radius: 0 0 145px 130px;
      -ms-border-radius: 0 0 145px 130px;
      -o-border-radius: 0 0 145px 130px;
      border-radius: 0 0 145px 130px;
      width: 100px;
      height: 59px;
      left: 52px;
      top: 190px;
    }
    .logo-github-large .tail-end-none {
      -webkit-transform: rotate(-24deg);
      -moz-transform: rotate(-24deg);
      -ms-transform: rotate(-24deg);
      -o-transform: rotate(-24deg);
      transform: rotate(-24deg);
      width: 17px;
      height: 48px;
      left: 46px;
      top: 218px;
    }
    .logo-github-large .tail-body-none {
      width: 67px;
      height: 48px;
      left: 67px;
      top: 194px;
    }
    .logo-github-large .tail-tip {
      -webkit-transform: rotate(12deg);
      -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
      -o-transform: rotate(12deg);
      transform: rotate(12deg);
      width: 20px;
      height: 9px;
      left: 41px;
      top: 212px;
    }
    .logo-github-small {
      background-color: #171516;
      width: 52px;
      height: 52px;
      position: relative;
      left: 0;
      top: 0;
      overflow: hidden;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      -ms-border-radius: 26px;
      -o-border-radius: 26px;
      border-radius: 26px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-github-small div {
      position: absolute;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      background-color: #ffffff;
    }
    .logo-github-small div[class*=-none] {
      background-color: #171516;
    }
    .logo-github-small .head {
      width: 32.586666666666666px;
      height: 24.266666666666666px;
      left: 9.706666666666667px;
      top: 13px;
    }
    .logo-github-small .chin-left {
      width: 21.666666666666668px;
      height: 23.573333333333334px;
      left: 9.36px;
      top: 14.213333333333335px;
    }
    .logo-github-small .chin-right {
      width: 21.666666666666668px;
      height: 23.573333333333334px;
      left: 20.973333333333333px;
      top: 14.213333333333335px;
    }
    .logo-github-small .ear-one-left {
      width: 12.133333333333333px;
      height: 15.600000000000001px;
      left: 11.613333333333333px;
      top: 7.28px;
    }
    .logo-github-small .ear-one-right {
      width: 7.973333333333334px;
      height: 2.08px;
      left: 11.96px;
      top: 11.96px;
      -webkit-transform: rotate(23deg);
      -moz-transform: rotate(23deg);
      -ms-transform: rotate(23deg);
      -o-transform: rotate(23deg);
      transform: rotate(23deg);
    }
    .logo-github-small .ear-one-none {
      width: 17.68px;
      height: 7.800000000000001px;
      left: 12.133333333333333px;
      top: 6.413333333333334px;
    }
    .logo-github-small .ear-two-left {
      width: 7.973333333333334px;
      height: 2.08px;
      left: 32.06666666666667px;
      top: 11.96px;
      -webkit-transform: rotate(-23deg);
      -moz-transform: rotate(-23deg);
      -ms-transform: rotate(-23deg);
      -o-transform: rotate(-23deg);
      transform: rotate(-23deg);
    }
    .logo-github-small .ear-two-right {
      width: 12.133333333333333px;
      height: 15.600000000000001px;
      left: 28.253333333333334px;
      top: 7.28px;
    }
    .logo-github-small .ear-two-none {
      width: 17.68px;
      height: 7.800000000000001px;
      left: 22.186666666666667px;
      top: 6.413333333333334px;
    }
    .logo-github-small .body-left {
      -webkit-border-radius: 100% 100% 0 0;
      -moz-border-radius: 100% 100% 0 0;
      -ms-border-radius: 100% 100% 0 0;
      -o-border-radius: 100% 100% 0 0;
      border-radius: 100% 100% 0 0;
      width: 9.706666666666667px;
      height: 15.253333333333334px;
      left: 19.413333333333334px;
      top: 36.22666666666667px;
    }
    .logo-github-small .body-left-none {
      width: 1.3866666666666667px;
      height: 6.933333333333334px;
      left: 18.026666666666667px;
      top: 44.02666666666667px;
      -webkit-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0;
      -moz-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0;
      -ms-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0;
      -o-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0;
      border-radius: 0.6933333333333334px 0 0.6933333333333334px 0;
    }
    .logo-github-small .body-right {
      -webkit-border-radius: 100% 100% 0 0;
      -moz-border-radius: 100% 100% 0 0;
      -ms-border-radius: 100% 100% 0 0;
      -o-border-radius: 100% 100% 0 0;
      border-radius: 100% 100% 0 0;
      width: 9.706666666666667px;
      height: 15.253333333333334px;
      left: 22.880000000000003px;
      top: 36.22666666666667px;
    }
    .logo-github-small .body-right-none {
      width: 1.3866666666666667px;
      height: 6.933333333333334px;
      left: 32.586666666666666px;
      top: 44.02666666666667px;
      -webkit-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px;
      -moz-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px;
      -ms-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px;
      -o-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px;
      border-radius: 0 0.6933333333333334px 0 0.6933333333333334px;
    }
    .logo-github-small .body-bottom {
      width: 15.253333333333334px;
      height: 3.12px;
      left: 18.373333333333335px;
      top: 49.4px;
    }
    .logo-github-small .tail-end {
      -webkit-transform: rotate(-35deg);
      -moz-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
      -o-transform: rotate(-35deg);
      transform: rotate(-35deg);
      width: 2.7733333333333334px;
      height: 6.066666666666666px;
      left: 9.186666666666667px;
      top: 36.57333333333334px;
    }
    .logo-github-small .tail-body {
      width: 13.52px;
      height: 8.32px;
      left: 10.92px;
      top: 36.92px;
    }
    .logo-github-small .tail-body-spots {
      border: 0.8666666666666667px #171516 dotted;
      background: transparent;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 0 0 25.133333333333333px 22.533333333333335px;
      -moz-border-radius: 0 0 25.133333333333333px 22.533333333333335px;
      -ms-border-radius: 0 0 25.133333333333333px 22.533333333333335px;
      -o-border-radius: 0 0 25.133333333333333px 22.533333333333335px;
      border-radius: 0 0 25.133333333333333px 22.533333333333335px;
      width: 17.333333333333336px;
      height: 10.226666666666667px;
      left: 9.013333333333334px;
      top: 32.93333333333334px;
    }
    .logo-github-small .tail-end-none {
      -webkit-transform: rotate(-24deg);
      -moz-transform: rotate(-24deg);
      -ms-transform: rotate(-24deg);
      -o-transform: rotate(-24deg);
      transform: rotate(-24deg);
      width: 2.9466666666666668px;
      height: 8.32px;
      left: 7.973333333333334px;
      top: 37.78666666666667px;
    }
    .logo-github-small .tail-body-none {
      width: 11.613333333333333px;
      height: 8.32px;
      left: 11.613333333333333px;
      top: 33.626666666666665px;
    }
    .logo-github-small .tail-tip {
      -webkit-transform: rotate(12deg);
      -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
      -o-transform: rotate(12deg);
      transform: rotate(12deg);
      width: 3.466666666666667px;
      height: 1.56px;
      left: 7.106666666666667px;
      top: 36.74666666666667px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .logo-facebook-large {
      background-color: #3b579d;
      width: 300px;
      height: 300px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -ms-border-radius: 150px;
      -o-border-radius: 150px;
      border-radius: 150px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-facebook-large div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-facebook-large div[class*=-none] {
      background-color: #3b579d;
    }
    .logo-facebook-large .longpiece {
      height: 260px;
      border: 47px #ffffff solid;
      -webkit-border-radius: 55px 0 0 0;
      -moz-border-radius: 55px 0 0 0;
      -ms-border-radius: 55px 0 0 0;
      -o-border-radius: 55px 0 0 0;
      border-radius: 55px 0 0 0;
      left: 160px;
      top: 45px;
    }
    .logo-facebook-large .longpiece-none {
      width: 55px;
      height: 210px;
      -webkit-border-radius: 21px 0 0 0;
      -moz-border-radius: 21px 0 0 0;
      -ms-border-radius: 21px 0 0 0;
      -o-border-radius: 21px 0 0 0;
      border-radius: 21px 0 0 0;
      left: 206px;
      top: 87px;
    }
    .logo-facebook-large .shortpiece {
      width: 130px;
      height: 43px;
      left: 121px;
      top: 140px;
    }
    .logo-facebook-large .shortpiece-none {
      width: 10px;
      height: 50px;
      left: 248px;
      top: 138px;
      -webkit-transform: rotate(8deg);
      -moz-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
      -o-transform: rotate(8deg);
      transform: rotate(8deg);
    }
    .logo-facebook-small {
      background-color: #3b579d;
      width: 52px;
      height: 52px;
      position: relative;
      overflow: hidden;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      -ms-border-radius: 26px;
      -o-border-radius: 26px;
      border-radius: 26px;
      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    .logo-facebook-small div {
      position: absolute;
      background-color: #ffffff;
    }
    .logo-facebook-small div[class*=-none] {
      background-color: #3b579d;
    }
    .logo-facebook-small .longpiece {
      height: 45.06666666666667px;
      border: 8.146666666666667px #ffffff solid;
      -webkit-border-radius: 9.533333333333333px 0 0 0;
      -moz-border-radius: 9.533333333333333px 0 0 0;
      -ms-border-radius: 9.533333333333333px 0 0 0;
      -o-border-radius: 9.533333333333333px 0 0 0;
      border-radius: 9.533333333333333px 0 0 0;
      left: 27.733333333333334px;
      top: 7.800000000000001px;
    }
    .logo-facebook-small .longpiece-none {
      width: 9.533333333333333px;
      height: 36.4px;
      -webkit-border-radius: 3.64px 0 0 0;
      -moz-border-radius: 3.64px 0 0 0;
      -ms-border-radius: 3.64px 0 0 0;
      -o-border-radius: 3.64px 0 0 0;
      border-radius: 3.64px 0 0 0;
      left: 35.70666666666667px;
      top: 15.08px;
    }
    .logo-facebook-small .shortpiece {
      width: 22.533333333333335px;
      height: 7.453333333333333px;
      left: 20.973333333333333px;
      top: 24.266666666666666px;
    }
    .logo-facebook-small .shortpiece-none {
      width: 1.7333333333333334px;
      height: 8.666666666666668px;
      left: 42.986666666666665px;
      top: 23.92px;
      -webkit-transform: rotate(8deg);
      -moz-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
      -o-transform: rotate(8deg);
      transform: rotate(8deg);
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    </style>
        <style type="text/css">div[class^=logo-] { display: inline-block; }</style>
      </head>
    
      <body>
        <div class="logo-twitter-large">
          <div class="body"></div>
          <div class="body-none"></div>
          <div class="beak-bottom"></div>
          <div class="beak-bottom-none"></div>
          <div class="wing-bottom"></div>
          <div class="wing-bottom-none"></div>
          <div class="wing-middle"></div>
          <div class="wing-middle-none"></div>
          <div class="wing-top"></div>
          <div class="wing-top-none"></div>
          <div class="beak-top"></div>
          <div class="beak-top-none"></div>
          <div class="head"></div>
        </div>
    
        <div class="logo-facebook-large">
          <div class="longpiece"></div>
          <div class="longpiece-none"></div>
          <div class="shortpiece"></div>
          <div class="shortpiece-none"></div>
        </div>
    
        <div class="logo-evernote-large">
          <div class="head"></div>
          <div class="head-top"></div>
          <div class="head-right"></div>
          <div class="head-bottom"></div>
          <div class="trunk-right"></div>
          <div class="trunk-bottom"></div>
          <div class="trunk-left"></div>
          <div class="trunk-bottom-none"></div>
          <div class="trunk-right-none"></div>
          <div class="trunk-left-none"></div>
          <div class="head-none"></div>
          <div class="eye"></div>
          <div class="ear-flap"></div>
          <div class="ear-flap-left-none"></div>
          <div class="ear-flap-right-none"></div>
          <div class="body-top"></div>
          <div class="body-left"></div>
          <div class="body-bottom-right"></div>
          <div class="body-bottom-left"></div>
          <div class="body-bottom"></div>
          <div class="body-middle"></div>
          <div class="body"></div>
          <div class="ear-curve-none"></div>
          <div class="ear-curve"></div>
        </div>
    
        <div class="logo-apple-large">
          <div class="blue-curve-left"></div>
          <div class="blue-curve-right"></div>
          <div class="blue"></div>
          <div class="blue-none"></div>
          <div class="purple"></div>
          <div class="orange"></div>
          <div class="orange-curve"></div>
          <div class="red"></div>
          <div class="yellow"></div>
          <div class="green-curve-left"></div>
          <div class="green-curve-right"></div>
          <div class="green"></div>
          <div class="green-none"></div>
          <div class="green-leaf"></div>
          <div class="bottom-left-none"></div>
          <div class="bottom-right-none"></div>
          <div class="top-left-none"></div>
          <div class="top-right-none"></div>
          <div class="apple-none"></div>
        </div>
    
        <div class="logo-linkedin-large">
          <div class="i-dot"></div>
          <div class="i-body"></div>
          <div class="n-body"></div>
          <div class="n-curve"></div>
          <div class="n-curve-none"></div>
        </div>
    
        <div class="logo-github-large">
          <div class="ear-one-left"></div>
          <div class="ear-one-none"></div>
          <div class="ear-one-right"></div>
          <div class="ear-two-right"></div>
          <div class="ear-two-none"></div>
          <div class="ear-two-left"></div>
          <div class="body-bottom"></div>
          <div class="body-left-none"></div>
          <div class="body-right-none"></div>
          <div class="tail-end"></div>
          <div class="tail-body"></div>
          <div class="tail-body-spots"></div>
          <div class="tail-end-none"></div>
          <div class="tail-body-none"></div>
          <div class="tail-tip"></div>
          <div class="body-left"></div>
          <div class="body-right"></div>
          <div class="head"></div>
          <div class="chin-left"></div>
          <div class="chin-right"></div>
        </div>
    
        <div class="logo-dropbox-large">
          <div class="base-left"></div>
          <div class="base-right"></div>
          <div class="base-middle"></div>
          <div class="cover-left-none"></div>
          <div class="cover-right-none"></div>
          <div class="cover-top"></div>
          <div class="cover-right"></div>
          <div class="cover-bottom"></div>
          <div class="cover-left"></div>
          <div class="box-none"></div>
        </div>
      </body>
    </html>