:root {
--background-f7f88f: #f7f8ff;
--background-121212: #121212;
--background-caf291: rgba(202, 242, 145, 0.7);
--background-8e8e8e: #8e8e8e;
--color-2: #caf291;
--color-1: #ffffff;
}
.top-left-btn p,
.top-left-btn a,
.top-left-btn span,
.top-left-btn button {
cursor: url('data:image/svg+xml;utf8,') 10 10, auto;
}
.top-right a {
cursor: url('data:image/svg+xml;utf8,'), auto;
}
.about-me span {
cursor: url('data:image/svg+xml;utf8,') 20 20, auto;
}
.my-name {
cursor: url('data:image/svg+xml;utf8,') 20 20, auto !important;
}
.btn {
font-family: "--headingnowtrial";
letter-spacing: -0.005em;
line-height: 1.2em;
padding: 0.6em 1em;
border: 4px solid var(--color-2);
transition: ease-in-out 0.3s;
background-color: transparent;
color: var(--color-1);
font-weight: bolder;
border-radius: 2px;
}
.btn:hover {
transform: scale(1.1) rotate(-10deg);
background-color: var(--color-2);
color: var(--background-121212);
}
@media (max-width: 300px) {
.btn {
width: 100px !important;
height: 35px !important;
font-size: 12px !important;
}
}
@media (max-width: 100px) {
.btn {
width: 50px !important;
height: 15px !important;
font-size: 6px !important;
}
}
@media (max-width: 300px) {
#left-right-full {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 10px !important;
}
}
@media (max-width: 300px) {
.buttons {
flex-wrap: wrap !important;
justify-content: center !important;
gap: 10px !important;
}
}
.press-text-one,
.press-text-two {
display: inline-block;
animation: pressBounce 2s infinite ease-in-out;
transform-origin: bottom center;
}
.inline-icon svg {
width: 80px;
transition: transform 0.3s ease;
}
.inline-icon svg:hover {
transform: rotate(30deg);
}
@media (max-width: 767px) {
.inline-icon svg {
width: 60px;
}
}
#comp-m9msqvk2 {
position: absolute;
top: 34%;
left: 70%;
transform: translate(-50%, -50%);
width: 130%;
max-width: 1300px;
z-index: -1;
}
@media (max-width: 1200px) {
#comp-m9msqvk2 {
top: 34%;
}
}
@media (max-width: 1100px) {
#comp-m9msqvk2 {
top: 36%;
}
}
@media (max-width: 1000px) {
#comp-m9msqvk2 {
top: 36%;
}
}
@media (max-width: 900px) {
#comp-m9msqvk2 {
top: 39%;
}
}
@media (max-width: 800px) {
#comp-m9msqvk2 {
top: 40%;
}
}
@media (max-width: 700px) {
#comp-m9msqvk2 {
top: 42%;
}
}
@media (max-width: 600px) {
#comp-m9msqvk2 {
top: 44%;
}
}
@media (max-width: 500px) {
#comp-m9msqvk2 {
top: 44%;
}
}
@media (max-width: 400px) {
#comp-m9msqvk2 {
top: 44%;
}
}
@media (max-width: 300px) {
#comp-m9msqvk2 {
top: 44%;
}
}
@media (max-width: 250px) {
#comp-m9msqvk2 {
top: 45%;
}
}
@media (max-width: 200px) {
#comp-m9msqvk2 {
top: 46%;
}
}
@media (max-width: 180px) {
#mainContent {
display: none;
}
}/*# sourceMappingURL=home.css.map */