Cahnged some styling
This commit is contained in:
parent
6fdb19d97f
commit
864d7a66bb
15
css/main.css
15
css/main.css
@ -1,6 +1,6 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: JetBrains_Mono;
|
font-family: JetBrains_Mono;
|
||||||
src: url(../Fonts/JetBrainsMono-Regular.woff2) format('woff2');
|
src: url(../content/fonts/JetBrainsMono-Regular.woff2) format('woff2');
|
||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
@ -14,7 +14,7 @@ body{
|
|||||||
}
|
}
|
||||||
hr {
|
hr {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: linear-gradient(to right, #25aae1, #16b468);
|
background: linear-gradient(to right, #59C173, #5D26C1);
|
||||||
border-width: 1em;
|
border-width: 1em;
|
||||||
padding: 0.05em;
|
padding: 0.05em;
|
||||||
}
|
}
|
||||||
@ -22,7 +22,10 @@ footer{
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.NewContainer{
|
||||||
|
width: 95%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
.dessous_titre{
|
.dessous_titre{
|
||||||
width: 30%;
|
width: 30%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
@ -47,13 +50,13 @@ footer{
|
|||||||
}
|
}
|
||||||
.GradientBorder{
|
.GradientBorder{
|
||||||
border: 5px solid;
|
border: 5px solid;
|
||||||
border-image: linear-gradient(to bottom, #25aae1, #16b468) 1 100%;
|
border-image: linear-gradient(to bottom, #59C173, #5D26C1) 1 100%;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 3px;
|
border-width: 3px;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
.GradientText{
|
.GradientText{
|
||||||
background-image: linear-gradient(to left, #25aae1, #16b468, #25aae1);
|
background-image: linear-gradient(to left, #59C173, #5D26C1, #59C173);
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
color: transparent;
|
color: transparent;
|
||||||
@ -109,5 +112,5 @@ footer{
|
|||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
.btn-hover.color-1 {
|
.btn-hover.color-1 {
|
||||||
background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #16b468);
|
background-image: linear-gradient(to right, #59C173, #5992c1, #3026c1, #5D26C1);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
<link href="css/main.css" rel="stylesheet">
|
<link href="css/main.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="NewContainer">
|
||||||
<div class="row" id="header"></div>
|
<div class="row" id="header"></div>
|
||||||
<div class="row GradientBorder">
|
<div class="row GradientBorder">
|
||||||
<h1>Test bitches</h1>
|
<h1>Test bitches</h1>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user