website/static/bower_components/particlesjs/particlesjs.css

89 lines
1.8 KiB
CSS

html {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}
body {
background: #fff;
overflow: hidden;
}
#canvasBase {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
}
#canvasOverlay {
position: absolute;
top: 0;
left: 0;
mix-blend-mode: hard-light;
width: 100%;
height: 100%;
}
#mainTitle {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
position: absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.btn {
border-radius: 0px;
}
.btn {
display: inline-block;
padding: 6px 18px;
margin-bottom: 0;
font-size: 24px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a:hover > button#mainTitle {
/* background-color: #55a532; */
background-color: #31708f;
}
.btn-default {
color: #fff;
background-color: #337ab7;
border-color: #31708f;
/* border-color: #55a532; background-color: #6cc644; */
}
@media screen and (max-width: 768px) {
.btn {
font-size: 20px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}