You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
1.7 KiB
84 lines
1.7 KiB
/* Google fonts ->
|
|
najdu si ROBOTO
|
|
-> GET FONT
|
|
-> GET EMBED CODE
|
|
@import */
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
|
|
|
|
body {
|
|
font-family: "Roboto", sans-serif;
|
|
font-weight: 300;
|
|
padding: 10px;
|
|
background-color: rgb(214, 214, 214);
|
|
}
|
|
|
|
.header {
|
|
text-align: center;
|
|
padding: 5px 0px;
|
|
background-image: linear-gradient(45deg,#d4d4d4,#4279a3);
|
|
margin-bottom: 10px;
|
|
border-radius: 20px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.header:hover{
|
|
opacity: 0.8;
|
|
box-shadow: 5px 5px 10px black;
|
|
}
|
|
|
|
.topnav {
|
|
overflow:hidden;
|
|
background-image: linear-gradient(30deg, #232526,#43474a);
|
|
border-radius: 10px;
|
|
transition: 0.4s;
|
|
}
|
|
|
|
.topnav:hover{
|
|
box-shadow: 5px 5px 10px black;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.topnav a{
|
|
color: whitesmoke;
|
|
text-decoration: none;
|
|
float: left;
|
|
display:block;
|
|
padding: 5px 10px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.topnav a:hover{
|
|
background-color: #ddd;
|
|
color:black;
|
|
}
|
|
.container:after{
|
|
clear:both;
|
|
display: table;
|
|
}
|
|
.card {
|
|
padding: 20px;
|
|
margin-top: 20px;
|
|
background-color: white;
|
|
}
|
|
.footer {
|
|
background-image: radial-gradient(circle, #000,#6f6f6f);
|
|
text-align: center;
|
|
padding: 20px;
|
|
margin-top: 20px;
|
|
color: white;
|
|
border-radius: 20px;
|
|
}
|
|
/* animace @keyframe uděla animaci a poté v třídě musíme nastavit spouštěče */
|
|
@keyframes example {
|
|
0% {color: #FF0000}
|
|
35% {color: #0000ff}
|
|
65% {color: #00ff00}
|
|
1000% {color: #7b00ff}
|
|
}
|
|
.secret {
|
|
color: black;
|
|
animation-name: example;;
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
}
|