Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Pacifico');
- @import url('https://fonts.googleapis.com/css?family=Oswald');
- @import url('https://fonts.googleapis.com/css?family=Nunito');
- H1 {
- font-family: 'MyWebFont', Pacifico;
- color: #44caff;
- text-align: center;
- }
- H2 {
- font-family: 'MyWebFont', Oswald;
- color: #ededed;
- text-align: center;
- }
- H3 {
- font-family: 'MyWebFont', Oswald;
- color: #1c1c1c;
- text-align: center;
- }
- H4 {
- font-family: 'MyWebFont', Nunito;
- color: #141414;
- text-align: center;
- }
- .tab {
- overflow: hidden;
- border: 5px solid #2d2d2d;
- background-color: #f1f1f1;
- }
- /* Style the buttons that are used to open the tab content */
- .tab button {
- background-color: 51f0ff;
- float: left;
- border: none;
- outline: none;
- cursor: pointer;
- padding: 14px 16px;
- transition: 0.3s;
- border-radius: 15px;
- }
- /* Change background color of buttons on hover */
- .tab button:hover {
- background-color: #3dbfcc;
- }
- /* Create an active/current tablink class */
- .tab button.active {
- background-color: #339ba5;
- }
- /* Style the tab content */
- .tabcontent {
- display: none;
- padding: 12px 18px;
- border: 5px solid #2d2d2d;
- border-top: none;
- }
- body{
- background: linear-gradient( #303030, #3dd8ff);
- font-family: "Oswald",
- text-align: center;
- }
- .tabcontent {
- animation: fadeEffect 1s;
- }
- /* Go from zero to full opacity */
- @keyframes fadeEffect {
- from {opacity: 0;}
- to {opacity: 1;}
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement