.btn, input[type="submit"] { backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; transition: all 350ms ease; -webkit-transition: all 350ms ease; -ms-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; background-color: transparent; border: 0; border-radius: 5px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; height: 38px; line-height: 38px; margin: .5em; padding: 0 30px; text-align: center; text-decoration: none; white-space: nowrap; } .btn.alizarin, input[type="submit"].alizarin { background-color: #e74c3c; filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6)); } .btn.alizarin:hover, input[type="submit"].alizarin:hover { filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6)) brightness(50%); } .btn.alizarin-border, input[type="submit"].alizarin-border { border: 3px solid #e74c3c; height: auto; } .btn.alizarin-border:hover, input[type="submit"].alizarin-border:hover { filter: brightness(50%); } .btn.alizarin-border-nodark, input[type="submit"].alizarin-border-nodark { border: 3px solid #e74c3c; height: auto; } .btn.alizarin-nodark, input[type="submit"].alizarin-nodark { background-color: #e74c3c; filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6)); } .btn.alizarin-flat, input[type="submit"].alizarin-flat { background-color: #e74c3c; } .btn.alizarin-flat:hover, input[type="submit"].alizarin-flat:hover { filter: brightness(50%); } .btn.alizarin-flat-nodark, input[type="submit"].alizarin-flat-nodark { background-color: #e74c3c; } .btn.amethyst, input[type="submit"].amethyst { background-color: #9b59b6; filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6)); } .btn.amethyst:hover, input[type="submit"].amethyst:hover { filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6)) brightness(50%); } .btn.amethyst-border, input[type="submit"].amethyst-border { border: 3px solid #9b59b6; height: auto; } .btn.amethyst-border:hover, input[type="submit"].amethyst-border:hover { filter: brightness(50%); } .btn.amethyst-border-nodark, input[type="submit"].amethyst-border-nodark { border: 3px solid #9b59b6; height: auto; } .btn.amethyst-nodark, input[type="submit"].amethyst-nodark { background-color: #9b59b6; filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6)); } .btn.amethyst-flat, input[type="submit"].amethyst-flat { background-color: #9b59b6; } .btn.amethyst-flat:hover, input[type="submit"].amethyst-flat:hover { filter: brightness(50%); } .btn.amethyst-flat-nodark, input[type="submit"].amethyst-flat-nodark { background-color: #9b59b6; } .btn.asbestos, input[type="submit"].asbestos { background-color: #7f8c8d; filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)); } .btn.asbestos:hover, input[type="submit"].asbestos:hover { filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)) brightness(50%); } .btn.asbestos-border, input[type="submit"].asbestos-border { border: 3px solid #7f8c8d; height: auto; } .btn.asbestos-border:hover, input[type="submit"].asbestos-border:hover { filter: brightness(50%); } .btn.asbestos-border-nodark, input[type="submit"].asbestos-border-nodark { border: 3px solid #7f8c8d; height: auto; } .btn.asbestos-nodark, input[type="submit"].asbestos-nodark { background-color: #7f8c8d; filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)); } .btn.asbestos-flat, input[type="submit"].asbestos-flat { background-color: #7f8c8d; } .btn.asbestos-flat:hover, input[type="submit"].asbestos-flat:hover { filter: brightness(50%); } .btn.asbestos-flat-nodark, input[type="submit"].asbestos-flat-nodark { background-color: #7f8c8d; } .btn.belize-hole, input[type="submit"].belize-hole { background-color: #2980b9; filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6)); } .btn.belize-hole:hover, input[type="submit"].belize-hole:hover { filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6)) brightness(50%); } .btn.belize-hole-border, input[type="submit"].belize-hole-border { border: 3px solid #2980b9; height: auto; } .btn.belize-hole-border:hover, input[type="submit"].belize-hole-border:hover { filter: brightness(50%); } .btn.belize-hole-border-nodark, input[type="submit"].belize-hole-border-nodark { border: 3px solid #2980b9; height: auto; } .btn.belize-hole-nodark, input[type="submit"].belize-hole-nodark { background-color: #2980b9; filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6)); } .btn.belize-hole-flat, input[type="submit"].belize-hole-flat { background-color: #2980b9; } .btn.belize-hole-flat:hover, input[type="submit"].belize-hole-flat:hover { filter: brightness(50%); } .btn.belize-hole-flat-nodark, input[type="submit"].belize-hole-flat-nodark { background-color: #2980b9; } .btn.black, input[type="submit"].black { background-color: #000; filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)); } .btn.black:hover, input[type="submit"].black:hover { filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)) brightness(50%); } .btn.black-border, input[type="submit"].black-border { border: 3px solid #000; height: auto; } .btn.black-border:hover, input[type="submit"].black-border:hover { filter: brightness(50%); } .btn.black-border-nodark, input[type="submit"].black-border-nodark { border: 3px solid #000; height: auto; } .btn.black-nodark, input[type="submit"].black-nodark { background-color: #000; filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)); } .btn.black-flat, input[type="submit"].black-flat { background-color: #000; } .btn.black-flat:hover, input[type="submit"].black-flat:hover { filter: brightness(50%); } .btn.black-flat-nodark, input[type="submit"].black-flat-nodark { background-color: #000; } .btn.carrot, input[type="submit"].carrot { background-color: #e67e22; filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6)); } .btn.carrot:hover, input[type="submit"].carrot:hover { filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6)) brightness(50%); } .btn.carrot-border, input[type="submit"].carrot-border { border: 3px solid #e67e22; height: auto; } .btn.carrot-border:hover, input[type="submit"].carrot-border:hover { filter: brightness(50%); } .btn.carrot-border-nodark, input[type="submit"].carrot-border-nodark { border: 3px solid #e67e22; height: auto; } .btn.carrot-nodark, input[type="submit"].carrot-nodark { background-color: #e67e22; filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6)); } .btn.carrot-flat, input[type="submit"].carrot-flat { background-color: #e67e22; } .btn.carrot-flat:hover, input[type="submit"].carrot-flat:hover { filter: brightness(50%); } .btn.carrot-flat-nodark, input[type="submit"].carrot-flat-nodark { background-color: #e67e22; } .btn.clouds, input[type="submit"].clouds { background-color: #ecf0f1; filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6)); } .btn.clouds:hover, input[type="submit"].clouds:hover { filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6)) brightness(50%); } .btn.clouds-border, input[type="submit"].clouds-border { border: 3px solid #ecf0f1; height: auto; } .btn.clouds-border:hover, input[type="submit"].clouds-border:hover { filter: brightness(50%); } .btn.clouds-border-nodark, input[type="submit"].clouds-border-nodark { border: 3px solid #ecf0f1; height: auto; } .btn.clouds-nodark, input[type="submit"].clouds-nodark { background-color: #ecf0f1; filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6)); } .btn.clouds-flat, input[type="submit"].clouds-flat { background-color: #ecf0f1; } .btn.clouds-flat:hover, input[type="submit"].clouds-flat:hover { filter: brightness(50%); } .btn.clouds-flat-nodark, input[type="submit"].clouds-flat-nodark { background-color: #ecf0f1; } .btn.concrete, input[type="submit"].concrete { background-color: #95a5a6; filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6)); } .btn.concrete:hover, input[type="submit"].concrete:hover { filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6)) brightness(50%); } .btn.concrete-border, input[type="submit"].concrete-border { border: 3px solid #95a5a6; height: auto; } .btn.concrete-border:hover, input[type="submit"].concrete-border:hover { filter: brightness(50%); } .btn.concrete-border-nodark, input[type="submit"].concrete-border-nodark { border: 3px solid #95a5a6; height: auto; } .btn.concrete-nodark, input[type="submit"].concrete-nodark { background-color: #95a5a6; filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6)); } .btn.concrete-flat, input[type="submit"].concrete-flat { background-color: #95a5a6; } .btn.concrete-flat:hover, input[type="submit"].concrete-flat:hover { filter: brightness(50%); } .btn.concrete-flat-nodark, input[type="submit"].concrete-flat-nodark { background-color: #95a5a6; } .btn.cubered, input[type="submit"].cubered { background-color: #ef0c0c; filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6)); } .btn.cubered:hover, input[type="submit"].cubered:hover { filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6)) brightness(50%); } .btn.cubered-border, input[type="submit"].cubered-border { border: 3px solid #ef0c0c; height: auto; } .btn.cubered-border:hover, input[type="submit"].cubered-border:hover { filter: brightness(50%); } .btn.cubered-border-nodark, input[type="submit"].cubered-border-nodark { border: 3px solid #ef0c0c; height: auto; } .btn.cubered-nodark, input[type="submit"].cubered-nodark { background-color: #ef0c0c; filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6)); } .btn.cubered-flat, input[type="submit"].cubered-flat { background-color: #ef0c0c; } .btn.cubered-flat:hover, input[type="submit"].cubered-flat:hover { filter: brightness(50%); } .btn.cubered-flat-nodark, input[type="submit"].cubered-flat-nodark { background-color: #ef0c0c; } .btn.dark, input[type="submit"].dark { background-color: #343a40; filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6)); } .btn.dark:hover, input[type="submit"].dark:hover { filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6)) brightness(50%); } .btn.dark-border, input[type="submit"].dark-border { border: 3px solid #343a40; height: auto; } .btn.dark-border:hover, input[type="submit"].dark-border:hover { filter: brightness(50%); } .btn.dark-border-nodark, input[type="submit"].dark-border-nodark { border: 3px solid #343a40; height: auto; } .btn.dark-nodark, input[type="submit"].dark-nodark { background-color: #343a40; filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6)); } .btn.dark-flat, input[type="submit"].dark-flat { background-color: #343a40; } .btn.dark-flat:hover, input[type="submit"].dark-flat:hover { filter: brightness(50%); } .btn.dark-flat-nodark, input[type="submit"].dark-flat-nodark { background-color: #343a40; } .btn.emerald, input[type="submit"].emerald { background-color: #2ecc71; filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6)); } .btn.emerald:hover, input[type="submit"].emerald:hover { filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6)) brightness(50%); } .btn.emerald-border, input[type="submit"].emerald-border { border: 3px solid #2ecc71; height: auto; } .btn.emerald-border:hover, input[type="submit"].emerald-border:hover { filter: brightness(50%); } .btn.emerald-border-nodark, input[type="submit"].emerald-border-nodark { border: 3px solid #2ecc71; height: auto; } .btn.emerald-nodark, input[type="submit"].emerald-nodark { background-color: #2ecc71; filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6)); } .btn.emerald-flat, input[type="submit"].emerald-flat { background-color: #2ecc71; } .btn.emerald-flat:hover, input[type="submit"].emerald-flat:hover { filter: brightness(50%); } .btn.emerald-flat-nodark, input[type="submit"].emerald-flat-nodark { background-color: #2ecc71; } .btn.gold, input[type="submit"].gold { background-color: #ffd700; filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6)); } .btn.gold:hover, input[type="submit"].gold:hover { filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6)) brightness(50%); } .btn.gold-border, input[type="submit"].gold-border { border: 3px solid #ffd700; height: auto; } .btn.gold-border:hover, input[type="submit"].gold-border:hover { filter: brightness(50%); } .btn.gold-border-nodark, input[type="submit"].gold-border-nodark { border: 3px solid #ffd700; height: auto; } .btn.gold-nodark, input[type="submit"].gold-nodark { background-color: #ffd700; filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6)); } .btn.gold-flat, input[type="submit"].gold-flat { background-color: #ffd700; } .btn.gold-flat:hover, input[type="submit"].gold-flat:hover { filter: brightness(50%); } .btn.gold-flat-nodark, input[type="submit"].gold-flat-nodark { background-color: #ffd700; } .btn.green-sea, input[type="submit"].green-sea { background-color: #16a085; filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6)); } .btn.green-sea:hover, input[type="submit"].green-sea:hover { filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6)) brightness(50%); } .btn.green-sea-border, input[type="submit"].green-sea-border { border: 3px solid #16a085; height: auto; } .btn.green-sea-border:hover, input[type="submit"].green-sea-border:hover { filter: brightness(50%); } .btn.green-sea-border-nodark, input[type="submit"].green-sea-border-nodark { border: 3px solid #16a085; height: auto; } .btn.green-sea-nodark, input[type="submit"].green-sea-nodark { background-color: #16a085; filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6)); } .btn.green-sea-flat, input[type="submit"].green-sea-flat { background-color: #16a085; } .btn.green-sea-flat:hover, input[type="submit"].green-sea-flat:hover { filter: brightness(50%); } .btn.green-sea-flat-nodark, input[type="submit"].green-sea-flat-nodark { background-color: #16a085; } .btn.highlight, input[type="submit"].highlight { background-color: #181818; filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6)); } .btn.highlight:hover, input[type="submit"].highlight:hover { filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6)) brightness(50%); } .btn.highlight-border, input[type="submit"].highlight-border { border: 3px solid #181818; height: auto; } .btn.highlight-border:hover, input[type="submit"].highlight-border:hover { filter: brightness(50%); } .btn.highlight-border-nodark, input[type="submit"].highlight-border-nodark { border: 3px solid #181818; height: auto; } .btn.highlight-nodark, input[type="submit"].highlight-nodark { background-color: #181818; filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6)); } .btn.highlight-flat, input[type="submit"].highlight-flat { background-color: #181818; } .btn.highlight-flat:hover, input[type="submit"].highlight-flat:hover { filter: brightness(50%); } .btn.highlight-flat-nodark, input[type="submit"].highlight-flat-nodark { background-color: #181818; } .btn.light, input[type="submit"].light { background-color: #f8f9fa; filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6)); } .btn.light:hover, input[type="submit"].light:hover { filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6)) brightness(50%); } .btn.light-border, input[type="submit"].light-border { border: 3px solid #f8f9fa; height: auto; } .btn.light-border:hover, input[type="submit"].light-border:hover { filter: brightness(50%); } .btn.light-border-nodark, input[type="submit"].light-border-nodark { border: 3px solid #f8f9fa; height: auto; } .btn.light-nodark, input[type="submit"].light-nodark { background-color: #f8f9fa; filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6)); } .btn.light-flat, input[type="submit"].light-flat { background-color: #f8f9fa; } .btn.light-flat:hover, input[type="submit"].light-flat:hover { filter: brightness(50%); } .btn.light-flat-nodark, input[type="submit"].light-flat-nodark { background-color: #f8f9fa; } .btn.midnight-blue, input[type="submit"].midnight-blue { background-color: #2c3e50; filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6)); } .btn.midnight-blue:hover, input[type="submit"].midnight-blue:hover { filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6)) brightness(50%); } .btn.midnight-blue-border, input[type="submit"].midnight-blue-border { border: 3px solid #2c3e50; height: auto; } .btn.midnight-blue-border:hover, input[type="submit"].midnight-blue-border:hover { filter: brightness(50%); } .btn.midnight-blue-border-nodark, input[type="submit"].midnight-blue-border-nodark { border: 3px solid #2c3e50; height: auto; } .btn.midnight-blue-nodark, input[type="submit"].midnight-blue-nodark { background-color: #2c3e50; filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6)); } .btn.midnight-blue-flat, input[type="submit"].midnight-blue-flat { background-color: #2c3e50; } .btn.midnight-blue-flat:hover, input[type="submit"].midnight-blue-flat:hover { filter: brightness(50%); } .btn.midnight-blue-flat-nodark, input[type="submit"].midnight-blue-flat-nodark { background-color: #2c3e50; } .btn.nephritis, input[type="submit"].nephritis { background-color: #27ae60; filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6)); } .btn.nephritis:hover, input[type="submit"].nephritis:hover { filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6)) brightness(50%); } .btn.nephritis-border, input[type="submit"].nephritis-border { border: 3px solid #27ae60; height: auto; } .btn.nephritis-border:hover, input[type="submit"].nephritis-border:hover { filter: brightness(50%); } .btn.nephritis-border-nodark, input[type="submit"].nephritis-border-nodark { border: 3px solid #27ae60; height: auto; } .btn.nephritis-nodark, input[type="submit"].nephritis-nodark { background-color: #27ae60; filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6)); } .btn.nephritis-flat, input[type="submit"].nephritis-flat { background-color: #27ae60; } .btn.nephritis-flat:hover, input[type="submit"].nephritis-flat:hover { filter: brightness(50%); } .btn.nephritis-flat-nodark, input[type="submit"].nephritis-flat-nodark { background-color: #27ae60; } .btn.orange, input[type="submit"].orange { background-color: #f39c12; filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6)); } .btn.orange:hover, input[type="submit"].orange:hover { filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6)) brightness(50%); } .btn.orange-border, input[type="submit"].orange-border { border: 3px solid #f39c12; height: auto; } .btn.orange-border:hover, input[type="submit"].orange-border:hover { filter: brightness(50%); } .btn.orange-border-nodark, input[type="submit"].orange-border-nodark { border: 3px solid #f39c12; height: auto; } .btn.orange-nodark, input[type="submit"].orange-nodark { background-color: #f39c12; filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6)); } .btn.orange-flat, input[type="submit"].orange-flat { background-color: #f39c12; } .btn.orange-flat:hover, input[type="submit"].orange-flat:hover { filter: brightness(50%); } .btn.orange-flat-nodark, input[type="submit"].orange-flat-nodark { background-color: #f39c12; } .btn.peach, input[type="submit"].peach { background-color: #f49898; filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6)); } .btn.peach:hover, input[type="submit"].peach:hover { filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6)) brightness(50%); } .btn.peach-border, input[type="submit"].peach-border { border: 3px solid #f49898; height: auto; } .btn.peach-border:hover, input[type="submit"].peach-border:hover { filter: brightness(50%); } .btn.peach-border-nodark, input[type="submit"].peach-border-nodark { border: 3px solid #f49898; height: auto; } .btn.peach-nodark, input[type="submit"].peach-nodark { background-color: #f49898; filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6)); } .btn.peach-flat, input[type="submit"].peach-flat { background-color: #f49898; } .btn.peach-flat:hover, input[type="submit"].peach-flat:hover { filter: brightness(50%); } .btn.peach-flat-nodark, input[type="submit"].peach-flat-nodark { background-color: #f49898; } .btn.peter-river, input[type="submit"].peter-river { background-color: #3498db; filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6)); } .btn.peter-river:hover, input[type="submit"].peter-river:hover { filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6)) brightness(50%); } .btn.peter-river-border, input[type="submit"].peter-river-border { border: 3px solid #3498db; height: auto; } .btn.peter-river-border:hover, input[type="submit"].peter-river-border:hover { filter: brightness(50%); } .btn.peter-river-border-nodark, input[type="submit"].peter-river-border-nodark { border: 3px solid #3498db; height: auto; } .btn.peter-river-nodark, input[type="submit"].peter-river-nodark { background-color: #3498db; filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6)); } .btn.peter-river-flat, input[type="submit"].peter-river-flat { background-color: #3498db; } .btn.peter-river-flat:hover, input[type="submit"].peter-river-flat:hover { filter: brightness(50%); } .btn.peter-river-flat-nodark, input[type="submit"].peter-river-flat-nodark { background-color: #3498db; } .btn.pomegranate, input[type="submit"].pomegranate { background-color: #c0392b; filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6)); } .btn.pomegranate:hover, input[type="submit"].pomegranate:hover { filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6)) brightness(50%); } .btn.pomegranate-border, input[type="submit"].pomegranate-border { border: 3px solid #c0392b; height: auto; } .btn.pomegranate-border:hover, input[type="submit"].pomegranate-border:hover { filter: brightness(50%); } .btn.pomegranate-border-nodark, input[type="submit"].pomegranate-border-nodark { border: 3px solid #c0392b; height: auto; } .btn.pomegranate-nodark, input[type="submit"].pomegranate-nodark { background-color: #c0392b; filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6)); } .btn.pomegranate-flat, input[type="submit"].pomegranate-flat { background-color: #c0392b; } .btn.pomegranate-flat:hover, input[type="submit"].pomegranate-flat:hover { filter: brightness(50%); } .btn.pomegranate-flat-nodark, input[type="submit"].pomegranate-flat-nodark { background-color: #c0392b; } .btn.primary, input[type="submit"].primary { background-color: #282828; filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6)); } .btn.primary:hover, input[type="submit"].primary:hover { filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6)) brightness(50%); } .btn.primary-border, input[type="submit"].primary-border { border: 3px solid #282828; height: auto; } .btn.primary-border:hover, input[type="submit"].primary-border:hover { filter: brightness(50%); } .btn.primary-border-nodark, input[type="submit"].primary-border-nodark { border: 3px solid #282828; height: auto; } .btn.primary-nodark, input[type="submit"].primary-nodark { background-color: #282828; filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6)); } .btn.primary-flat, input[type="submit"].primary-flat { background-color: #282828; } .btn.primary-flat:hover, input[type="submit"].primary-flat:hover { filter: brightness(50%); } .btn.primary-flat-nodark, input[type="submit"].primary-flat-nodark { background-color: #282828; } .btn.pumpkin, input[type="submit"].pumpkin { background-color: #d35400; filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6)); } .btn.pumpkin:hover, input[type="submit"].pumpkin:hover { filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6)) brightness(50%); } .btn.pumpkin-border, input[type="submit"].pumpkin-border { border: 3px solid #d35400; height: auto; } .btn.pumpkin-border:hover, input[type="submit"].pumpkin-border:hover { filter: brightness(50%); } .btn.pumpkin-border-nodark, input[type="submit"].pumpkin-border-nodark { border: 3px solid #d35400; height: auto; } .btn.pumpkin-nodark, input[type="submit"].pumpkin-nodark { background-color: #d35400; filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6)); } .btn.pumpkin-flat, input[type="submit"].pumpkin-flat { background-color: #d35400; } .btn.pumpkin-flat:hover, input[type="submit"].pumpkin-flat:hover { filter: brightness(50%); } .btn.pumpkin-flat-nodark, input[type="submit"].pumpkin-flat-nodark { background-color: #d35400; } .btn.raw-purple, input[type="submit"].raw-purple { background-color: #7222c9; filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6)); } .btn.raw-purple:hover, input[type="submit"].raw-purple:hover { filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6)) brightness(50%); } .btn.raw-purple-border, input[type="submit"].raw-purple-border { border: 3px solid #7222c9; height: auto; } .btn.raw-purple-border:hover, input[type="submit"].raw-purple-border:hover { filter: brightness(50%); } .btn.raw-purple-border-nodark, input[type="submit"].raw-purple-border-nodark { border: 3px solid #7222c9; height: auto; } .btn.raw-purple-nodark, input[type="submit"].raw-purple-nodark { background-color: #7222c9; filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6)); } .btn.raw-purple-flat, input[type="submit"].raw-purple-flat { background-color: #7222c9; } .btn.raw-purple-flat:hover, input[type="submit"].raw-purple-flat:hover { filter: brightness(50%); } .btn.raw-purple-flat-nodark, input[type="submit"].raw-purple-flat-nodark { background-color: #7222c9; } .btn.secondary, input[type="submit"].secondary { background-color: #303030; filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6)); } .btn.secondary:hover, input[type="submit"].secondary:hover { filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6)) brightness(50%); } .btn.secondary-border, input[type="submit"].secondary-border { border: 3px solid #303030; height: auto; } .btn.secondary-border:hover, input[type="submit"].secondary-border:hover { filter: brightness(50%); } .btn.secondary-border-nodark, input[type="submit"].secondary-border-nodark { border: 3px solid #303030; height: auto; } .btn.secondary-nodark, input[type="submit"].secondary-nodark { background-color: #303030; filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6)); } .btn.secondary-flat, input[type="submit"].secondary-flat { background-color: #303030; } .btn.secondary-flat:hover, input[type="submit"].secondary-flat:hover { filter: brightness(50%); } .btn.secondary-flat-nodark, input[type="submit"].secondary-flat-nodark { background-color: #303030; } .btn.silver, input[type="submit"].silver { background-color: #7f8c8d; filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)); } .btn.silver:hover, input[type="submit"].silver:hover { filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)) brightness(50%); } .btn.silver-border, input[type="submit"].silver-border { border: 3px solid #7f8c8d; height: auto; } .btn.silver-border:hover, input[type="submit"].silver-border:hover { filter: brightness(50%); } .btn.silver-border-nodark, input[type="submit"].silver-border-nodark { border: 3px solid #7f8c8d; height: auto; } .btn.silver-nodark, input[type="submit"].silver-nodark { background-color: #7f8c8d; filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)); } .btn.silver-flat, input[type="submit"].silver-flat { background-color: #7f8c8d; } .btn.silver-flat:hover, input[type="submit"].silver-flat:hover { filter: brightness(50%); } .btn.silver-flat-nodark, input[type="submit"].silver-flat-nodark { background-color: #7f8c8d; } .btn.sun-flower, input[type="submit"].sun-flower { background-color: #f1c40f; filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6)); } .btn.sun-flower:hover, input[type="submit"].sun-flower:hover { filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6)) brightness(50%); } .btn.sun-flower-border, input[type="submit"].sun-flower-border { border: 3px solid #f1c40f; height: auto; } .btn.sun-flower-border:hover, input[type="submit"].sun-flower-border:hover { filter: brightness(50%); } .btn.sun-flower-border-nodark, input[type="submit"].sun-flower-border-nodark { border: 3px solid #f1c40f; height: auto; } .btn.sun-flower-nodark, input[type="submit"].sun-flower-nodark { background-color: #f1c40f; filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6)); } .btn.sun-flower-flat, input[type="submit"].sun-flower-flat { background-color: #f1c40f; } .btn.sun-flower-flat:hover, input[type="submit"].sun-flower-flat:hover { filter: brightness(50%); } .btn.sun-flower-flat-nodark, input[type="submit"].sun-flower-flat-nodark { background-color: #f1c40f; } .btn.transparent, input[type="submit"].transparent { background-color: transparent; filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)); } .btn.transparent:hover, input[type="submit"].transparent:hover { filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)) brightness(50%); } .btn.transparent-border, input[type="submit"].transparent-border { border: 3px solid transparent; height: auto; } .btn.transparent-border:hover, input[type="submit"].transparent-border:hover { filter: brightness(50%); } .btn.transparent-border-nodark, input[type="submit"].transparent-border-nodark { border: 3px solid transparent; height: auto; } .btn.transparent-nodark, input[type="submit"].transparent-nodark { background-color: transparent; filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)); } .btn.transparent-flat, input[type="submit"].transparent-flat { background-color: transparent; } .btn.transparent-flat:hover, input[type="submit"].transparent-flat:hover { filter: brightness(50%); } .btn.transparent-flat-nodark, input[type="submit"].transparent-flat-nodark { background-color: transparent; } .btn.turquoise, input[type="submit"].turquoise { background-color: #1abc9c; filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6)); } .btn.turquoise:hover, input[type="submit"].turquoise:hover { filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6)) brightness(50%); } .btn.turquoise-border, input[type="submit"].turquoise-border { border: 3px solid #1abc9c; height: auto; } .btn.turquoise-border:hover, input[type="submit"].turquoise-border:hover { filter: brightness(50%); } .btn.turquoise-border-nodark, input[type="submit"].turquoise-border-nodark { border: 3px solid #1abc9c; height: auto; } .btn.turquoise-nodark, input[type="submit"].turquoise-nodark { background-color: #1abc9c; filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6)); } .btn.turquoise-flat, input[type="submit"].turquoise-flat { background-color: #1abc9c; } .btn.turquoise-flat:hover, input[type="submit"].turquoise-flat:hover { filter: brightness(50%); } .btn.turquoise-flat-nodark, input[type="submit"].turquoise-flat-nodark { background-color: #1abc9c; } .btn.wet-asphalt, input[type="submit"].wet-asphalt { background-color: #34495e; filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6)); } .btn.wet-asphalt:hover, input[type="submit"].wet-asphalt:hover { filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6)) brightness(50%); } .btn.wet-asphalt-border, input[type="submit"].wet-asphalt-border { border: 3px solid #34495e; height: auto; } .btn.wet-asphalt-border:hover, input[type="submit"].wet-asphalt-border:hover { filter: brightness(50%); } .btn.wet-asphalt-border-nodark, input[type="submit"].wet-asphalt-border-nodark { border: 3px solid #34495e; height: auto; } .btn.wet-asphalt-nodark, input[type="submit"].wet-asphalt-nodark { background-color: #34495e; filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6)); } .btn.wet-asphalt-flat, input[type="submit"].wet-asphalt-flat { background-color: #34495e; } .btn.wet-asphalt-flat:hover, input[type="submit"].wet-asphalt-flat:hover { filter: brightness(50%); } .btn.wet-asphalt-flat-nodark, input[type="submit"].wet-asphalt-flat-nodark { background-color: #34495e; } .btn.white, input[type="submit"].white { background-color: #fff; filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6)); } .btn.white:hover, input[type="submit"].white:hover { filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6)) brightness(50%); } .btn.white-border, input[type="submit"].white-border { border: 3px solid #fff; height: auto; } .btn.white-border:hover, input[type="submit"].white-border:hover { filter: brightness(50%); } .btn.white-border-nodark, input[type="submit"].white-border-nodark { border: 3px solid #fff; height: auto; } .btn.white-nodark, input[type="submit"].white-nodark { background-color: #fff; filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6)); } .btn.white-flat, input[type="submit"].white-flat { background-color: #fff; } .btn.white-flat:hover, input[type="submit"].white-flat:hover { filter: brightness(50%); } .btn.white-flat-nodark, input[type="submit"].white-flat-nodark { background-color: #fff; } .btn.wisteria, input[type="submit"].wisteria { background-color: #8e44ad; filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6)); } .btn.wisteria:hover, input[type="submit"].wisteria:hover { filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6)) brightness(50%); } .btn.wisteria-border, input[type="submit"].wisteria-border { border: 3px solid #8e44ad; height: auto; } .btn.wisteria-border:hover, input[type="submit"].wisteria-border:hover { filter: brightness(50%); } .btn.wisteria-border-nodark, input[type="submit"].wisteria-border-nodark { border: 3px solid #8e44ad; height: auto; } .btn.wisteria-nodark, input[type="submit"].wisteria-nodark { background-color: #8e44ad; filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6)); } .btn.wisteria-flat, input[type="submit"].wisteria-flat { background-color: #8e44ad; } .btn.wisteria-flat:hover, input[type="submit"].wisteria-flat:hover { filter: brightness(50%); } .btn.wisteria-flat-nodark, input[type="submit"].wisteria-flat-nodark { background-color: #8e44ad; } .btn.deviantart, input[type="submit"].deviantart { background-color: #05cc47; filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6)); } .btn.deviantart:hover, input[type="submit"].deviantart:hover { filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6)) brightness(50%); } .btn.deviantart-border, input[type="submit"].deviantart-border { border: 3px solid #05cc47; height: auto; } .btn.deviantart-border:hover, input[type="submit"].deviantart-border:hover { filter: brightness(50%); } .btn.deviantart-border-nodark, input[type="submit"].deviantart-border-nodark { border: 3px solid #05cc47; height: auto; } .btn.deviantart-nodark, input[type="submit"].deviantart-nodark { background-color: #05cc47; filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6)); } .btn.deviantart-flat, input[type="submit"].deviantart-flat { background-color: #05cc47; } .btn.deviantart-flat:hover, input[type="submit"].deviantart-flat:hover { filter: brightness(50%); } .btn.deviantart-flat-nodark, input[type="submit"].deviantart-flat-nodark { background-color: #05cc47; } .btn.discord, input[type="submit"].discord { background-color: #7289da; filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6)); } .btn.discord:hover, input[type="submit"].discord:hover { filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6)) brightness(50%); } .btn.discord-border, input[type="submit"].discord-border { border: 3px solid #7289da; height: auto; } .btn.discord-border:hover, input[type="submit"].discord-border:hover { filter: brightness(50%); } .btn.discord-border-nodark, input[type="submit"].discord-border-nodark { border: 3px solid #7289da; height: auto; } .btn.discord-nodark, input[type="submit"].discord-nodark { background-color: #7289da; filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6)); } .btn.discord-flat, input[type="submit"].discord-flat { background-color: #7289da; } .btn.discord-flat:hover, input[type="submit"].discord-flat:hover { filter: brightness(50%); } .btn.discord-flat-nodark, input[type="submit"].discord-flat-nodark { background-color: #7289da; } .btn.facebook, input[type="submit"].facebook { background-color: #3b5998; filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6)); } .btn.facebook:hover, input[type="submit"].facebook:hover { filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6)) brightness(50%); } .btn.facebook-border, input[type="submit"].facebook-border { border: 3px solid #3b5998; height: auto; } .btn.facebook-border:hover, input[type="submit"].facebook-border:hover { filter: brightness(50%); } .btn.facebook-border-nodark, input[type="submit"].facebook-border-nodark { border: 3px solid #3b5998; height: auto; } .btn.facebook-nodark, input[type="submit"].facebook-nodark { background-color: #3b5998; filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6)); } .btn.facebook-flat, input[type="submit"].facebook-flat { background-color: #3b5998; } .btn.facebook-flat:hover, input[type="submit"].facebook-flat:hover { filter: brightness(50%); } .btn.facebook-flat-nodark, input[type="submit"].facebook-flat-nodark { background-color: #3b5998; } .btn.github, input[type="submit"].github { background-color: #292d32; filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6)); } .btn.github:hover, input[type="submit"].github:hover { filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6)) brightness(50%); } .btn.github-border, input[type="submit"].github-border { border: 3px solid #292d32; height: auto; } .btn.github-border:hover, input[type="submit"].github-border:hover { filter: brightness(50%); } .btn.github-border-nodark, input[type="submit"].github-border-nodark { border: 3px solid #292d32; height: auto; } .btn.github-nodark, input[type="submit"].github-nodark { background-color: #292d32; filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6)); } .btn.github-flat, input[type="submit"].github-flat { background-color: #292d32; } .btn.github-flat:hover, input[type="submit"].github-flat:hover { filter: brightness(50%); } .btn.github-flat-nodark, input[type="submit"].github-flat-nodark { background-color: #292d32; } .btn.google, input[type="submit"].google { background-color: #4285f4; filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6)); } .btn.google:hover, input[type="submit"].google:hover { filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6)) brightness(50%); } .btn.google-border, input[type="submit"].google-border { border: 3px solid #4285f4; height: auto; } .btn.google-border:hover, input[type="submit"].google-border:hover { filter: brightness(50%); } .btn.google-border-nodark, input[type="submit"].google-border-nodark { border: 3px solid #4285f4; height: auto; } .btn.google-nodark, input[type="submit"].google-nodark { background-color: #4285f4; filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6)); } .btn.google-flat, input[type="submit"].google-flat { background-color: #4285f4; } .btn.google-flat:hover, input[type="submit"].google-flat:hover { filter: brightness(50%); } .btn.google-flat-nodark, input[type="submit"].google-flat-nodark { background-color: #4285f4; } .btn.googleplus, input[type="submit"].googleplus { background-color: #db4437; filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6)); } .btn.googleplus:hover, input[type="submit"].googleplus:hover { filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6)) brightness(50%); } .btn.googleplus-border, input[type="submit"].googleplus-border { border: 3px solid #db4437; height: auto; } .btn.googleplus-border:hover, input[type="submit"].googleplus-border:hover { filter: brightness(50%); } .btn.googleplus-border-nodark, input[type="submit"].googleplus-border-nodark { border: 3px solid #db4437; height: auto; } .btn.googleplus-nodark, input[type="submit"].googleplus-nodark { background-color: #db4437; filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6)); } .btn.googleplus-flat, input[type="submit"].googleplus-flat { background-color: #db4437; } .btn.googleplus-flat:hover, input[type="submit"].googleplus-flat:hover { filter: brightness(50%); } .btn.googleplus-flat-nodark, input[type="submit"].googleplus-flat-nodark { background-color: #db4437; } .btn.instagram, input[type="submit"].instagram { background-color: #c32aa3; filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6)); } .btn.instagram:hover, input[type="submit"].instagram:hover { filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6)) brightness(50%); } .btn.instagram-border, input[type="submit"].instagram-border { border: 3px solid #c32aa3; height: auto; } .btn.instagram-border:hover, input[type="submit"].instagram-border:hover { filter: brightness(50%); } .btn.instagram-border-nodark, input[type="submit"].instagram-border-nodark { border: 3px solid #c32aa3; height: auto; } .btn.instagram-nodark, input[type="submit"].instagram-nodark { background-color: #c32aa3; filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6)); } .btn.instagram-flat, input[type="submit"].instagram-flat { background-color: #c32aa3; } .btn.instagram-flat:hover, input[type="submit"].instagram-flat:hover { filter: brightness(50%); } .btn.instagram-flat-nodark, input[type="submit"].instagram-flat-nodark { background-color: #c32aa3; } .btn.linkedin, input[type="submit"].linkedin { background-color: #007bb5; filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6)); } .btn.linkedin:hover, input[type="submit"].linkedin:hover { filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6)) brightness(50%); } .btn.linkedin-border, input[type="submit"].linkedin-border { border: 3px solid #007bb5; height: auto; } .btn.linkedin-border:hover, input[type="submit"].linkedin-border:hover { filter: brightness(50%); } .btn.linkedin-border-nodark, input[type="submit"].linkedin-border-nodark { border: 3px solid #007bb5; height: auto; } .btn.linkedin-nodark, input[type="submit"].linkedin-nodark { background-color: #007bb5; filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6)); } .btn.linkedin-flat, input[type="submit"].linkedin-flat { background-color: #007bb5; } .btn.linkedin-flat:hover, input[type="submit"].linkedin-flat:hover { filter: brightness(50%); } .btn.linkedin-flat-nodark, input[type="submit"].linkedin-flat-nodark { background-color: #007bb5; } .btn.patreon, input[type="submit"].patreon { background-color: #f96854; filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6)); } .btn.patreon:hover, input[type="submit"].patreon:hover { filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6)) brightness(50%); } .btn.patreon-border, input[type="submit"].patreon-border { border: 3px solid #f96854; height: auto; } .btn.patreon-border:hover, input[type="submit"].patreon-border:hover { filter: brightness(50%); } .btn.patreon-border-nodark, input[type="submit"].patreon-border-nodark { border: 3px solid #f96854; height: auto; } .btn.patreon-nodark, input[type="submit"].patreon-nodark { background-color: #f96854; filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6)); } .btn.patreon-flat, input[type="submit"].patreon-flat { background-color: #f96854; } .btn.patreon-flat:hover, input[type="submit"].patreon-flat:hover { filter: brightness(50%); } .btn.patreon-flat-nodark, input[type="submit"].patreon-flat-nodark { background-color: #f96854; } .btn.paypal, input[type="submit"].paypal { background-color: #1e9cd7; filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6)); } .btn.paypal:hover, input[type="submit"].paypal:hover { filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6)) brightness(50%); } .btn.paypal-border, input[type="submit"].paypal-border { border: 3px solid #1e9cd7; height: auto; } .btn.paypal-border:hover, input[type="submit"].paypal-border:hover { filter: brightness(50%); } .btn.paypal-border-nodark, input[type="submit"].paypal-border-nodark { border: 3px solid #1e9cd7; height: auto; } .btn.paypal-nodark, input[type="submit"].paypal-nodark { background-color: #1e9cd7; filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6)); } .btn.paypal-flat, input[type="submit"].paypal-flat { background-color: #1e9cd7; } .btn.paypal-flat:hover, input[type="submit"].paypal-flat:hover { filter: brightness(50%); } .btn.paypal-flat-nodark, input[type="submit"].paypal-flat-nodark { background-color: #1e9cd7; } .btn.pinterest, input[type="submit"].pinterest { background-color: #bd081c; filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6)); } .btn.pinterest:hover, input[type="submit"].pinterest:hover { filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6)) brightness(50%); } .btn.pinterest-border, input[type="submit"].pinterest-border { border: 3px solid #bd081c; height: auto; } .btn.pinterest-border:hover, input[type="submit"].pinterest-border:hover { filter: brightness(50%); } .btn.pinterest-border-nodark, input[type="submit"].pinterest-border-nodark { border: 3px solid #bd081c; height: auto; } .btn.pinterest-nodark, input[type="submit"].pinterest-nodark { background-color: #bd081c; filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6)); } .btn.pinterest-flat, input[type="submit"].pinterest-flat { background-color: #bd081c; } .btn.pinterest-flat:hover, input[type="submit"].pinterest-flat:hover { filter: brightness(50%); } .btn.pinterest-flat-nodark, input[type="submit"].pinterest-flat-nodark { background-color: #bd081c; } .btn.reddit, input[type="submit"].reddit { background-color: #ff4500; filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6)); } .btn.reddit:hover, input[type="submit"].reddit:hover { filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6)) brightness(50%); } .btn.reddit-border, input[type="submit"].reddit-border { border: 3px solid #ff4500; height: auto; } .btn.reddit-border:hover, input[type="submit"].reddit-border:hover { filter: brightness(50%); } .btn.reddit-border-nodark, input[type="submit"].reddit-border-nodark { border: 3px solid #ff4500; height: auto; } .btn.reddit-nodark, input[type="submit"].reddit-nodark { background-color: #ff4500; filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6)); } .btn.reddit-flat, input[type="submit"].reddit-flat { background-color: #ff4500; } .btn.reddit-flat:hover, input[type="submit"].reddit-flat:hover { filter: brightness(50%); } .btn.reddit-flat-nodark, input[type="submit"].reddit-flat-nodark { background-color: #ff4500; } .btn.skype, input[type="submit"].skype { background-color: #41a6ed; filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6)); } .btn.skype:hover, input[type="submit"].skype:hover { filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6)) brightness(50%); } .btn.skype-border, input[type="submit"].skype-border { border: 3px solid #41a6ed; height: auto; } .btn.skype-border:hover, input[type="submit"].skype-border:hover { filter: brightness(50%); } .btn.skype-border-nodark, input[type="submit"].skype-border-nodark { border: 3px solid #41a6ed; height: auto; } .btn.skype-nodark, input[type="submit"].skype-nodark { background-color: #41a6ed; filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6)); } .btn.skype-flat, input[type="submit"].skype-flat { background-color: #41a6ed; } .btn.skype-flat:hover, input[type="submit"].skype-flat:hover { filter: brightness(50%); } .btn.skype-flat-nodark, input[type="submit"].skype-flat-nodark { background-color: #41a6ed; } .btn.slack, input[type="submit"].slack { background-color: #4d394b; filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6)); } .btn.slack:hover, input[type="submit"].slack:hover { filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6)) brightness(50%); } .btn.slack-border, input[type="submit"].slack-border { border: 3px solid #4d394b; height: auto; } .btn.slack-border:hover, input[type="submit"].slack-border:hover { filter: brightness(50%); } .btn.slack-border-nodark, input[type="submit"].slack-border-nodark { border: 3px solid #4d394b; height: auto; } .btn.slack-nodark, input[type="submit"].slack-nodark { background-color: #4d394b; filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6)); } .btn.slack-flat, input[type="submit"].slack-flat { background-color: #4d394b; } .btn.slack-flat:hover, input[type="submit"].slack-flat:hover { filter: brightness(50%); } .btn.slack-flat-nodark, input[type="submit"].slack-flat-nodark { background-color: #4d394b; } .btn.snapchat, input[type="submit"].snapchat { background-color: #fffc00; filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6)); } .btn.snapchat:hover, input[type="submit"].snapchat:hover { filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6)) brightness(50%); } .btn.snapchat-border, input[type="submit"].snapchat-border { border: 3px solid #fffc00; height: auto; } .btn.snapchat-border:hover, input[type="submit"].snapchat-border:hover { filter: brightness(50%); } .btn.snapchat-border-nodark, input[type="submit"].snapchat-border-nodark { border: 3px solid #fffc00; height: auto; } .btn.snapchat-nodark, input[type="submit"].snapchat-nodark { background-color: #fffc00; filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6)); } .btn.snapchat-flat, input[type="submit"].snapchat-flat { background-color: #fffc00; } .btn.snapchat-flat:hover, input[type="submit"].snapchat-flat:hover { filter: brightness(50%); } .btn.snapchat-flat-nodark, input[type="submit"].snapchat-flat-nodark { background-color: #fffc00; } .btn.soundcloud, input[type="submit"].soundcloud { background-color: #f50; filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6)); } .btn.soundcloud:hover, input[type="submit"].soundcloud:hover { filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6)) brightness(50%); } .btn.soundcloud-border, input[type="submit"].soundcloud-border { border: 3px solid #f50; height: auto; } .btn.soundcloud-border:hover, input[type="submit"].soundcloud-border:hover { filter: brightness(50%); } .btn.soundcloud-border-nodark, input[type="submit"].soundcloud-border-nodark { border: 3px solid #f50; height: auto; } .btn.soundcloud-nodark, input[type="submit"].soundcloud-nodark { background-color: #f50; filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6)); } .btn.soundcloud-flat, input[type="submit"].soundcloud-flat { background-color: #f50; } .btn.soundcloud-flat:hover, input[type="submit"].soundcloud-flat:hover { filter: brightness(50%); } .btn.soundcloud-flat-nodark, input[type="submit"].soundcloud-flat-nodark { background-color: #f50; } .btn.spotify, input[type="submit"].spotify { background-color: #1ed760; filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6)); } .btn.spotify:hover, input[type="submit"].spotify:hover { filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6)) brightness(50%); } .btn.spotify-border, input[type="submit"].spotify-border { border: 3px solid #1ed760; height: auto; } .btn.spotify-border:hover, input[type="submit"].spotify-border:hover { filter: brightness(50%); } .btn.spotify-border-nodark, input[type="submit"].spotify-border-nodark { border: 3px solid #1ed760; height: auto; } .btn.spotify-nodark, input[type="submit"].spotify-nodark { background-color: #1ed760; filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6)); } .btn.spotify-flat, input[type="submit"].spotify-flat { background-color: #1ed760; } .btn.spotify-flat:hover, input[type="submit"].spotify-flat:hover { filter: brightness(50%); } .btn.spotify-flat-nodark, input[type="submit"].spotify-flat-nodark { background-color: #1ed760; } .btn.steam, input[type="submit"].steam { background-color: #171a21; filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6)); } .btn.steam:hover, input[type="submit"].steam:hover { filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6)) brightness(50%); } .btn.steam-border, input[type="submit"].steam-border { border: 3px solid #171a21; height: auto; } .btn.steam-border:hover, input[type="submit"].steam-border:hover { filter: brightness(50%); } .btn.steam-border-nodark, input[type="submit"].steam-border-nodark { border: 3px solid #171a21; height: auto; } .btn.steam-nodark, input[type="submit"].steam-nodark { background-color: #171a21; filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6)); } .btn.steam-flat, input[type="submit"].steam-flat { background-color: #171a21; } .btn.steam-flat:hover, input[type="submit"].steam-flat:hover { filter: brightness(50%); } .btn.steam-flat-nodark, input[type="submit"].steam-flat-nodark { background-color: #171a21; } .btn.telegram, input[type="submit"].telegram { background-color: #08c; filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6)); } .btn.telegram:hover, input[type="submit"].telegram:hover { filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6)) brightness(50%); } .btn.telegram-border, input[type="submit"].telegram-border { border: 3px solid #08c; height: auto; } .btn.telegram-border:hover, input[type="submit"].telegram-border:hover { filter: brightness(50%); } .btn.telegram-border-nodark, input[type="submit"].telegram-border-nodark { border: 3px solid #08c; height: auto; } .btn.telegram-nodark, input[type="submit"].telegram-nodark { background-color: #08c; filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6)); } .btn.telegram-flat, input[type="submit"].telegram-flat { background-color: #08c; } .btn.telegram-flat:hover, input[type="submit"].telegram-flat:hover { filter: brightness(50%); } .btn.telegram-flat-nodark, input[type="submit"].telegram-flat-nodark { background-color: #08c; } .btn.tumblr, input[type="submit"].tumblr { background-color: #35465d; filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6)); } .btn.tumblr:hover, input[type="submit"].tumblr:hover { filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6)) brightness(50%); } .btn.tumblr-border, input[type="submit"].tumblr-border { border: 3px solid #35465d; height: auto; } .btn.tumblr-border:hover, input[type="submit"].tumblr-border:hover { filter: brightness(50%); } .btn.tumblr-border-nodark, input[type="submit"].tumblr-border-nodark { border: 3px solid #35465d; height: auto; } .btn.tumblr-nodark, input[type="submit"].tumblr-nodark { background-color: #35465d; filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6)); } .btn.tumblr-flat, input[type="submit"].tumblr-flat { background-color: #35465d; } .btn.tumblr-flat:hover, input[type="submit"].tumblr-flat:hover { filter: brightness(50%); } .btn.tumblr-flat-nodark, input[type="submit"].tumblr-flat-nodark { background-color: #35465d; } .btn.twitch, input[type="submit"].twitch { background-color: #6441a4; filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6)); } .btn.twitch:hover, input[type="submit"].twitch:hover { filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6)) brightness(50%); } .btn.twitch-border, input[type="submit"].twitch-border { border: 3px solid #6441a4; height: auto; } .btn.twitch-border:hover, input[type="submit"].twitch-border:hover { filter: brightness(50%); } .btn.twitch-border-nodark, input[type="submit"].twitch-border-nodark { border: 3px solid #6441a4; height: auto; } .btn.twitch-nodark, input[type="submit"].twitch-nodark { background-color: #6441a4; filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6)); } .btn.twitch-flat, input[type="submit"].twitch-flat { background-color: #6441a4; } .btn.twitch-flat:hover, input[type="submit"].twitch-flat:hover { filter: brightness(50%); } .btn.twitch-flat-nodark, input[type="submit"].twitch-flat-nodark { background-color: #6441a4; } .btn.twitter, input[type="submit"].twitter { background-color: #1da1f2; filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6)); } .btn.twitter:hover, input[type="submit"].twitter:hover { filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6)) brightness(50%); } .btn.twitter-border, input[type="submit"].twitter-border { border: 3px solid #1da1f2; height: auto; } .btn.twitter-border:hover, input[type="submit"].twitter-border:hover { filter: brightness(50%); } .btn.twitter-border-nodark, input[type="submit"].twitter-border-nodark { border: 3px solid #1da1f2; height: auto; } .btn.twitter-nodark, input[type="submit"].twitter-nodark { background-color: #1da1f2; filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6)); } .btn.twitter-flat, input[type="submit"].twitter-flat { background-color: #1da1f2; } .btn.twitter-flat:hover, input[type="submit"].twitter-flat:hover { filter: brightness(50%); } .btn.twitter-flat-nodark, input[type="submit"].twitter-flat-nodark { background-color: #1da1f2; } .btn.viber, input[type="submit"].viber { background-color: #7f4d9b; filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6)); } .btn.viber:hover, input[type="submit"].viber:hover { filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6)) brightness(50%); } .btn.viber-border, input[type="submit"].viber-border { border: 3px solid #7f4d9b; height: auto; } .btn.viber-border:hover, input[type="submit"].viber-border:hover { filter: brightness(50%); } .btn.viber-border-nodark, input[type="submit"].viber-border-nodark { border: 3px solid #7f4d9b; height: auto; } .btn.viber-nodark, input[type="submit"].viber-nodark { background-color: #7f4d9b; filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6)); } .btn.viber-flat, input[type="submit"].viber-flat { background-color: #7f4d9b; } .btn.viber-flat:hover, input[type="submit"].viber-flat:hover { filter: brightness(50%); } .btn.viber-flat-nodark, input[type="submit"].viber-flat-nodark { background-color: #7f4d9b; } .btn.whatsapp, input[type="submit"].whatsapp { background-color: #25d366; filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6)); } .btn.whatsapp:hover, input[type="submit"].whatsapp:hover { filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6)) brightness(50%); } .btn.whatsapp-border, input[type="submit"].whatsapp-border { border: 3px solid #25d366; height: auto; } .btn.whatsapp-border:hover, input[type="submit"].whatsapp-border:hover { filter: brightness(50%); } .btn.whatsapp-border-nodark, input[type="submit"].whatsapp-border-nodark { border: 3px solid #25d366; height: auto; } .btn.whatsapp-nodark, input[type="submit"].whatsapp-nodark { background-color: #25d366; filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6)); } .btn.whatsapp-flat, input[type="submit"].whatsapp-flat { background-color: #25d366; } .btn.whatsapp-flat:hover, input[type="submit"].whatsapp-flat:hover { filter: brightness(50%); } .btn.whatsapp-flat-nodark, input[type="submit"].whatsapp-flat-nodark { background-color: #25d366; } .btn.youtube, input[type="submit"].youtube { background-color: #f00; filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6)); } .btn.youtube:hover, input[type="submit"].youtube:hover { filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6)) brightness(50%); } .btn.youtube-border, input[type="submit"].youtube-border { border: 3px solid #f00; height: auto; } .btn.youtube-border:hover, input[type="submit"].youtube-border:hover { filter: brightness(50%); } .btn.youtube-border-nodark, input[type="submit"].youtube-border-nodark { border: 3px solid #f00; height: auto; } .btn.youtube-nodark, input[type="submit"].youtube-nodark { background-color: #f00; filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6)); } .btn.youtube-flat, input[type="submit"].youtube-flat { background-color: #f00; } .btn.youtube-flat:hover, input[type="submit"].youtube-flat:hover { filter: brightness(50%); } .btn.youtube-flat-nodark, input[type="submit"].youtube-flat-nodark { background-color: #f00; } .btn:hover, input[type="submit"]:hover { transition: all 350ms ease; -webkit-transition: all 350ms ease; -ms-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; color: #fff; } .btn.animation, input[type="submit"].animation { animation: button-enter 1s ease-in-out forwards; -webkit-animation: button-enter 1s ease-in-out forwards; -ms-animation: button-enter 1s ease-in-out forwards; -moz-animation: button-enter 1s ease-in-out forwards; -o-animation: button-enter 1s ease-in-out forwards; opacity: 0; position: relative; } .btn.animation:nth-child(1), input[type="submit"].animation:nth-child(1) { animation-delay: 0.25s; } .btn.animation:nth-child(2), input[type="submit"].animation:nth-child(2) { animation-delay: 0.5s; } .btn.animation:nth-child(3), input[type="submit"].animation:nth-child(3) { animation-delay: 0.75s; } .btn.animation:nth-child(4), input[type="submit"].animation:nth-child(4) { animation-delay: 1s; } .btn.animation:nth-child(5), input[type="submit"].animation:nth-child(5) { animation-delay: 1.25s; } .btn.animation:nth-child(6), input[type="submit"].animation:nth-child(6) { animation-delay: 1.5s; } .btn.animation:nth-child(7), input[type="submit"].animation:nth-child(7) { animation-delay: 1.75s; } .btn.animation:nth-child(8), input[type="submit"].animation:nth-child(8) { animation-delay: 2s; } .btn.animation:nth-child(9), input[type="submit"].animation:nth-child(9) { animation-delay: 2.25s; } .btn.animation:nth-child(10), input[type="submit"].animation:nth-child(10) { animation-delay: 2.5s; } .btn.animation:nth-child(11), input[type="submit"].animation:nth-child(11) { animation-delay: 2.75s; } .btn.animation:nth-child(12), input[type="submit"].animation:nth-child(12) { animation-delay: 3s; } .btn.animation:nth-child(13), input[type="submit"].animation:nth-child(13) { animation-delay: 3.25s; } .btn.animation:nth-child(14), input[type="submit"].animation:nth-child(14) { animation-delay: 3.5s; } .btn.animation:nth-child(15), input[type="submit"].animation:nth-child(15) { animation-delay: 3.75s; } .btn.animation-bounce, input[type="submit"].animation-bounce { animation: bounce-button 1s ease-in-out; -webkit-animation: bounce-button 1s ease-in-out; -ms-animation: bounce-button 1s ease-in-out; -moz-animation: bounce-button 1s ease-in-out; -o-animation: bounce-button 1s ease-in-out; } .btn.animation-bounce:nth-child(1), input[type="submit"].animation-bounce:nth-child(1) { animation-delay: 0.25s; } .btn.animation-bounce:nth-child(2), input[type="submit"].animation-bounce:nth-child(2) { animation-delay: 0.5s; } .btn.animation-bounce:nth-child(3), input[type="submit"].animation-bounce:nth-child(3) { animation-delay: 0.75s; } .btn.animation-bounce:nth-child(4), input[type="submit"].animation-bounce:nth-child(4) { animation-delay: 1s; } .btn.animation-bounce:nth-child(5), input[type="submit"].animation-bounce:nth-child(5) { animation-delay: 1.25s; } .btn.animation-bounce:nth-child(6), input[type="submit"].animation-bounce:nth-child(6) { animation-delay: 1.5s; } .btn.animation-bounce:nth-child(7), input[type="submit"].animation-bounce:nth-child(7) { animation-delay: 1.75s; } .btn.animation-bounce:nth-child(8), input[type="submit"].animation-bounce:nth-child(8) { animation-delay: 2s; } .btn.animation-bounce:nth-child(9), input[type="submit"].animation-bounce:nth-child(9) { animation-delay: 2.25s; } .btn.animation-bounce:nth-child(10), input[type="submit"].animation-bounce:nth-child(10) { animation-delay: 2.5s; } .btn.animation-bounce:nth-child(11), input[type="submit"].animation-bounce:nth-child(11) { animation-delay: 2.75s; } .btn.animation-bounce:nth-child(12), input[type="submit"].animation-bounce:nth-child(12) { animation-delay: 3s; } .btn.animation-bounce:nth-child(13), input[type="submit"].animation-bounce:nth-child(13) { animation-delay: 3.25s; } .btn.animation-bounce:nth-child(14), input[type="submit"].animation-bounce:nth-child(14) { animation-delay: 3.5s; } .btn.animation-bounce:nth-child(15), input[type="submit"].animation-bounce:nth-child(15) { animation-delay: 3.75s; } .btn.hover-scale, input[type="submit"].hover-scale { transition: all 350ms ease; -webkit-transition: all 350ms ease; -ms-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; } .btn.hover-scale:hover, input[type="submit"].hover-scale:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } .btn.hover-scale-inset, input[type="submit"].hover-scale-inset { transition: all 350ms ease; -webkit-transition: all 350ms ease; -ms-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; } .btn.hover-scale-inset:hover, input[type="submit"].hover-scale-inset:hover { transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); } .btn.hover-bounce:hover, input[type="submit"].hover-bounce:hover { animation: bounce-button 750ms ease-in-out; -webkit-animation: bounce-button 750ms ease-in-out; -ms-animation: bounce-button 750ms ease-in-out; -moz-animation: bounce-button 750ms ease-in-out; -o-animation: bounce-button 750ms ease-in-out; } .btn.hover, input[type="submit"].hover { transition: all 350ms ease; -webkit-transition: all 350ms ease; -ms-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; } .btn.hover:hover, input[type="submit"].hover:hover { transform: translateY(-0.5em); -webkit-transform: translateY(-0.5em); -ms-transform: translateY(-0.5em); -moz-transform: translateY(-0.5em); -o-transform: translateY(-0.5em); } .fullscreen.half .center-object .btn { padding: 0 20px; } .markdown-container .full-commit .btn-outline:not(:disabled):hover { border-color: #005cc5; color: #005cc5; } @-webkit-keyframes button-enter { from { opacity: 0; top: 2em; } 70% { top: -.3em; } 100% { opacity: 1; top: 0; } } @-moz-keyframes button-enter { from { opacity: 0; top: 2em; } 70% { top: -.3em; } 100% { opacity: 1; top: 0; } } @-o-keyframes button-enter { from { opacity: 0; top: 2em; } 70% { top: -.3em; } 100% { opacity: 1; top: 0; } } @keyframes button-enter { from { opacity: 0; top: 2em; } 70% { top: -.3em; } 100% { opacity: 1; top: 0; } } @-webkit-keyframes bounce-button { from, 20%, 53%, 80%, to { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 40%, 43% { transform: translate3d(0, -30px, 0); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); -o-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 90% { transform: translate3d(0, -4px, 0); -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); -moz-transform: translate3d(0, -4px, 0); -o-transform: translate3d(0, -4px, 0); } } @-moz-keyframes bounce-button { from, 20%, 53%, 80%, to { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 40%, 43% { transform: translate3d(0, -30px, 0); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); -o-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 90% { transform: translate3d(0, -4px, 0); -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); -moz-transform: translate3d(0, -4px, 0); -o-transform: translate3d(0, -4px, 0); } } @-o-keyframes bounce-button { from, 20%, 53%, 80%, to { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 40%, 43% { transform: translate3d(0, -30px, 0); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); -o-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 90% { transform: translate3d(0, -4px, 0); -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); -moz-transform: translate3d(0, -4px, 0); -o-transform: translate3d(0, -4px, 0); } } @keyframes bounce-button { from, 20%, 53%, 80%, to { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 40%, 43% { transform: translate3d(0, -30px, 0); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); -o-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 90% { transform: translate3d(0, -4px, 0); -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); -moz-transform: translate3d(0, -4px, 0); -o-transform: translate3d(0, -4px, 0); } } .buttons { align-items: center; display: flex; justify-content: center; text-align: center; } button { background-color: #464646; border: 0; box-shadow: 0 3px 0 0 #141414; color: #fff; margin: .5em; outline: none; padding: .3em .8em; position: relative; } button:active { box-shadow: none !important; top: 2; } button.alizarin { background-color: #e74c3c; box-shadow: 0 3px 0 0 rgba(231, 76, 60, 0.5); } button.amethyst { background-color: #9b59b6; box-shadow: 0 3px 0 0 rgba(155, 89, 182, 0.5); } button.asbestos { background-color: #7f8c8d; box-shadow: 0 3px 0 0 rgba(127, 140, 141, 0.5); } button.belize-hole { background-color: #2980b9; box-shadow: 0 3px 0 0 rgba(41, 128, 185, 0.5); } button.black { background-color: #000; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5); } button.carrot { background-color: #e67e22; box-shadow: 0 3px 0 0 rgba(230, 126, 34, 0.5); } button.clouds { background-color: #ecf0f1; box-shadow: 0 3px 0 0 rgba(236, 240, 241, 0.5); } button.concrete { background-color: #95a5a6; box-shadow: 0 3px 0 0 rgba(149, 165, 166, 0.5); } button.cubered { background-color: #ef0c0c; box-shadow: 0 3px 0 0 rgba(239, 12, 12, 0.5); } button.dark { background-color: #343a40; box-shadow: 0 3px 0 0 rgba(52, 58, 64, 0.5); } button.emerald { background-color: #2ecc71; box-shadow: 0 3px 0 0 rgba(46, 204, 113, 0.5); } button.gold { background-color: #ffd700; box-shadow: 0 3px 0 0 rgba(255, 215, 0, 0.5); } button.green-sea { background-color: #16a085; box-shadow: 0 3px 0 0 rgba(22, 160, 133, 0.5); } button.highlight { background-color: #181818; box-shadow: 0 3px 0 0 rgba(24, 24, 24, 0.5); } button.light { background-color: #f8f9fa; box-shadow: 0 3px 0 0 rgba(248, 249, 250, 0.5); } button.midnight-blue { background-color: #2c3e50; box-shadow: 0 3px 0 0 rgba(44, 62, 80, 0.5); } button.nephritis { background-color: #27ae60; box-shadow: 0 3px 0 0 rgba(39, 174, 96, 0.5); } button.orange { background-color: #f39c12; box-shadow: 0 3px 0 0 rgba(243, 156, 18, 0.5); } button.peach { background-color: #f49898; box-shadow: 0 3px 0 0 rgba(244, 152, 152, 0.5); } button.peter-river { background-color: #3498db; box-shadow: 0 3px 0 0 rgba(52, 152, 219, 0.5); } button.pomegranate { background-color: #c0392b; box-shadow: 0 3px 0 0 rgba(192, 57, 43, 0.5); } button.primary { background-color: #282828; box-shadow: 0 3px 0 0 rgba(40, 40, 40, 0.5); } button.pumpkin { background-color: #d35400; box-shadow: 0 3px 0 0 rgba(211, 84, 0, 0.5); } button.raw-purple { background-color: #7222c9; box-shadow: 0 3px 0 0 rgba(114, 34, 201, 0.5); } button.secondary { background-color: #303030; box-shadow: 0 3px 0 0 rgba(48, 48, 48, 0.5); } button.silver { background-color: #7f8c8d; box-shadow: 0 3px 0 0 rgba(127, 140, 141, 0.5); } button.sun-flower { background-color: #f1c40f; box-shadow: 0 3px 0 0 rgba(241, 196, 15, 0.5); } button.transparent { background-color: transparent; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5); } button.turquoise { background-color: #1abc9c; box-shadow: 0 3px 0 0 rgba(26, 188, 156, 0.5); } button.wet-asphalt { background-color: #34495e; box-shadow: 0 3px 0 0 rgba(52, 73, 94, 0.5); } button.white { background-color: #fff; box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.5); } button.wisteria { background-color: #8e44ad; box-shadow: 0 3px 0 0 rgba(142, 68, 173, 0.5); } button.deviantart { background-color: #05cc47; box-shadow: 0 3px 0 0 rgba(5, 204, 71, 0.5); } button.discord { background-color: #7289da; box-shadow: 0 3px 0 0 rgba(114, 137, 218, 0.5); } button.facebook { background-color: #3b5998; box-shadow: 0 3px 0 0 rgba(59, 89, 152, 0.5); } button.github { background-color: #292d32; box-shadow: 0 3px 0 0 rgba(41, 45, 50, 0.5); } button.google { background-color: #4285f4; box-shadow: 0 3px 0 0 rgba(66, 133, 244, 0.5); } button.googleplus { background-color: #db4437; box-shadow: 0 3px 0 0 rgba(219, 68, 55, 0.5); } button.instagram { background-color: #c32aa3; box-shadow: 0 3px 0 0 rgba(195, 42, 163, 0.5); } button.linkedin { background-color: #007bb5; box-shadow: 0 3px 0 0 rgba(0, 123, 181, 0.5); } button.patreon { background-color: #f96854; box-shadow: 0 3px 0 0 rgba(249, 104, 84, 0.5); } button.paypal { background-color: #1e9cd7; box-shadow: 0 3px 0 0 rgba(30, 156, 215, 0.5); } button.pinterest { background-color: #bd081c; box-shadow: 0 3px 0 0 rgba(189, 8, 28, 0.5); } button.reddit { background-color: #ff4500; box-shadow: 0 3px 0 0 rgba(255, 69, 0, 0.5); } button.skype { background-color: #41a6ed; box-shadow: 0 3px 0 0 rgba(65, 166, 237, 0.5); } button.slack { background-color: #4d394b; box-shadow: 0 3px 0 0 rgba(77, 57, 75, 0.5); } button.snapchat { background-color: #fffc00; box-shadow: 0 3px 0 0 rgba(255, 252, 0, 0.5); } button.soundcloud { background-color: #f50; box-shadow: 0 3px 0 0 rgba(255, 85, 0, 0.5); } button.spotify { background-color: #1ed760; box-shadow: 0 3px 0 0 rgba(30, 215, 96, 0.5); } button.steam { background-color: #171a21; box-shadow: 0 3px 0 0 rgba(23, 26, 33, 0.5); } button.telegram { background-color: #08c; box-shadow: 0 3px 0 0 rgba(0, 136, 204, 0.5); } button.tumblr { background-color: #35465d; box-shadow: 0 3px 0 0 rgba(53, 70, 93, 0.5); } button.twitch { background-color: #6441a4; box-shadow: 0 3px 0 0 rgba(100, 65, 164, 0.5); } button.twitter { background-color: #1da1f2; box-shadow: 0 3px 0 0 rgba(29, 161, 242, 0.5); } button.viber { background-color: #7f4d9b; box-shadow: 0 3px 0 0 rgba(127, 77, 155, 0.5); } button.whatsapp { background-color: #25d366; box-shadow: 0 3px 0 0 rgba(37, 211, 102, 0.5); } button.youtube { background-color: #f00; box-shadow: 0 3px 0 0 rgba(255, 0, 0, 0.5); }