46 lines
1.0 KiB
CSS
46 lines
1.0 KiB
CSS
html{
|
|
background-image: url('./images/background-image.png');
|
|
font-family: roman_font_7;
|
|
text-align: center;
|
|
cursor: url(./cursor/Normal\ Select\ Orange\ Circle.cur), default;
|
|
color: #4e2a01;
|
|
}
|
|
|
|
h1{
|
|
font-size: 50px;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
h2{
|
|
font-size: 40px;
|
|
}
|
|
|
|
button{
|
|
color: #4e2a01;
|
|
font-family: roman_font_7;
|
|
text-align: center;
|
|
}
|
|
|
|
.button1{
|
|
background-color: rgb(255, 187, 103);
|
|
font-size: 40px;
|
|
background-origin: padding-box;
|
|
border: 7px solid rgb(170, 114, 45);
|
|
border-radius: 80px;
|
|
padding: 20px 25px;
|
|
transition-duration: 0.4s;
|
|
cursor: url(./cursor/Move\ Orange\ Circle.cur), default;
|
|
}
|
|
|
|
.button1:hover{
|
|
background-color: rgb(255, 203, 139);
|
|
border: 7px solid rgb(255, 239, 219);
|
|
opacity: 50;
|
|
padding: 20px 35px;
|
|
box-shadow: 0 40px 30px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: roman_font_7;
|
|
src: url(./font/roman_font_7.ttf);
|
|
} |