Files
watchparty/website/styles/large.css
T
2022-03-29 23:09:52 -04:00

102 lines
2.1 KiB
CSS

/************************************************************************
Copyright (C) Ayushya Amitabh - All Rights Reserved
Unauthorized copying of this file, via any medium is strictly prohibited
Proprietary and confidential
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020 - 2022
https://www.chromewatchparty.com/copyright
=========================================================================
ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, UNLESS OTHERWISE
CITED ARE THE SOLE INTELLECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
************************************************************************/
html {
font-size: 10px !important;
}
body {
font-size: 10px !important;
}
.big-button {
text-align: left;
max-width: max-content;
}
.info.alert {
padding-top: 0;
max-width: calc(100% - 12.5rem) !important;
}
.info:not(:last-of-type) {
margin-right: 3rem;
}
.link-section {
display: flex;
}
.link-section .link-list {
flex: 1;
}
.link-section .link-list:not(:last-of-type) {
margin-right: 2.5rem;
}
.link-list .underlink {
margin: 2.5rem 0;
}
.card-grid .support-card {
position: relative;
overflow: hidden;
box-shadow: 0px 0px 1rem transparent;
transition: all ease-in-out 0.3s;
}
.card-grid .support-card:hover {
box-shadow: 0px 0px 3rem var(--color-secondary-light);
}
.features.card-grid .support-card::before {
content: "";
width: 10rem;
height: 10rem;
position: absolute;
border-radius: 20rem;
background-color: var(--color-secondary-light);
bottom: -5rem;
left: -5rem;
transition: all linear 0.4s;
opacity: 0;
z-index: 0;
}
.features.card-grid .support-card:hover::before {
width: 200%;
height: 200%;
opacity: 1;
}
.features.card-grid .support-card > * {
z-index: 2;
}
footer .end-line {
border-top: 1px solid var(--color-secondary);
padding-top: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
}
footer .end-line .underlink:first-of-type {
flex: 1;
margin-bottom: 0;
}
footer .end-line .underlink:not(:last-of-type) {
margin-right: 2.5rem;
}