/* Buttons */ #button_0 { color: #FFFFFF; /* Text Color */ background-color: #398AB9; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 101vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_0:hover { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ border: .2vmax solid #398AB9; /* Border Width & Color */ } #button_1 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 101vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_1:hover { color: #FFFFFF; /* Text Color */ background-color: #398AB9; /* Background Color */ } #button_2 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.5vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_2:hover { padding: 1vmax 4vmax; /* Padding */ } #button_3 { color: #FFFFFF; /* Text Color */ background-color: #398AB9; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.5vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_3:hover { border-radius: 1vmax; /* Border Roundness */ } #button_4 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ box-shadow: 0.3vmax 0.3vmax 0.3vmax 0.1vmax #9f9f9f; /* Button Shadow */ border-radius: 0.5vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_4:hover { box-shadow: 0px 0px 0.3vmax 0.1vmax #9f9f9f; /* Button Shadow */ } #button_5 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 12vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.2vmax; /* Border Roundness */ display: inline-block; /* Set Display Mode */ -ms-transform: skewX(-20deg); /* Set Skew */ -webkit-transform: skewX(-20deg); /* Set Skew */ transform: skewX(-20deg); /* Set Skew */ cursor: pointer; /* Cursor */ } #button_5:hover { -ms-transform: skewX(-25deg); /* Set Skew */ -webkit-transform: skewX(-25deg); /* Set Skew */ transform: skewX(-25deg); /* Set Skew */ } #button_6 { color: #FFFFFF; /* Text Color */ background-color: #398AB9; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.5vmax; /* Border Roundness */ box-shadow: 0px 0.6vmax 0px 0px #3c3c3c; /* Button Shadow */ cursor: pointer; /* Cursor */ } #button_6:hover { box-shadow: 0px 0.3vmax 0px 0px #3c3c3c; /* Button Shadow */ } #button_7 { color: #FFFFFF; /* Text Color */ background-color: #398AB9; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 101vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_7:hover { padding: 1.25vmax 4vmax; /* Padding */ } #button_8 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ box-shadow: 0px 0px 10px 2px #9f9f9f; /* Button Shadow */ border-radius: 0.5vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_8:hover { box-shadow: 0px 0px 0px 0px #9f9f9f; /* Button Shadow */ } #button_9 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ cursor: pointer; /* Cursor */ } #button_9:hover { text-decoration: line-through; /* Text Decoration */ text-decoration-thickness: 0.3vmax; /* Text Decoration Line Thickness */ } #button_10 { color: #FFFFFF; /* Text Color */ background: linear-gradient(0.25turn, #398AB9, #FFFFFF); /* Background Gradient */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 101vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_10:hover { background: linear-gradient(0.5turn, #398AB9, #FFFFFF); /* Background Gradient */ } #button_11 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.5vmax; /* Border Roundness */ box-shadow: 0px 0.3vmax 0px 0px #398AB9, 0.3vmax 0.8vmax 0px 0px #3f3f3f; /* Button Shadows */ cursor: pointer; /* Cursor */ } #button_11:hover { box-shadow: 0px 0.3vmax 0px 0px #398AB9, 0px 0px 0px 0px #3f3f3f; /* Button Shadows */ } #button_12 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.5vmax; /* Border Roundness */ box-shadow: 0px 0.6vmax 0px 0px #398AB9; /* Button Shadow */ cursor: pointer; /* Cursor */ } #button_12:hover { box-shadow: 0px 0.8vmax 0px 0px #398AB9; /* Button Shadow */ } #button_13 { color: #FFFFFF; /* Text Color */ background-color: #398AB9; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 101%; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_13:hover { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ border: .2vmax solid #398AB9; /* Border Width & Color */ } #button_14 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 5vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.5vmax; /* Border Roundness */ cursor: pointer; /* Cursor */ } #button_14:hover { border: .4vmax solid #398AB9; /* Border Width & Color */ } #button_15 { color: #398AB9; /* Text Color */ background-color: #FFFFFF; /* Background Color */ width: 12vmax; /* Button Width */ transition: 0.5s; /* Hover Transition Time */ border: .2vmax solid #398AB9; /* Border Width & Color */ padding: 1vmax 3vmax; /* Padding */ text-decoration: none; /* Text Decoration */ border-radius: 0.5vmax; /* Border Roundness */ display: inline-block; /* Set Display Mode */ cursor: pointer; /* Cursor */ } #button_15:hover { color: #FFFFFF; /* Text Color */ background-color: #398AB9; /* Background Color */ -ms-transform: skewX(20deg); /* Set Skew */ -webkit-transform: skewX(20deg); /* Set Skew */ transform: skewX(20deg); /* Set Skew */ }