/*
position: fixed;
top: 30px;
right: 95px;
width: 60px;
height: 60px;
background: black;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 1001;
border-radius: 50%;
transition: transform 0.25s ease, background-color 0.25s ease;
opacity: 0;
pointer-events: none;
*/
/* z-index */
.neon-toggle {
z-index: 1001;
}
.neon-toggle {
position: fixed;
top: 34px;
right: 95px;
width: 50px;
height: 50px;
/*      border-radius: 50%;*/
border: 2px solid rgba(0,255,255,0.00);
background: transparent;
box-shadow: 0 0 10px #0ff, 0 0 20px #0ff40, inset 0 0 10px #0ff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
/*      position: relative;*/
transition: all 0.3s ease;
}
.neon-toggle:hover {
box-shadow: 0 0 15px #0ff, 0 0 30px #0ff80, inset 0 0 15px #121212;
background: rgba(0,255,255,0.18);
}
.neon-toggle:focus {
background: #003333;
}
.plus {
position: absolute;
width: 20px;
height: 20px;
transition: transform 0.4s ease;
}
.plus::before,
.plus::after {
content: "";
position: absolute;
background-color: #0ff;
transition: transform 0.4s ease;
}
.plus::before {
width: 4px;
height: 100%;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.plus::after {
width: 100%;
height: 4px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.open .plus {
transform: rotate(45deg);
}
.slide-down-container {
overflow: hidden;
max-height: 0;
transition: max-height 0.4s ease;
width: 100%;
max-width: 100%;
}
.slide-down-container.active {
max-height: 300px;
}
/* Grid Inside */
.my-info-grid-container {
display: grid;
grid-template-columns: 66.67% 33.33%;
gap: 0rem;
margin: 0px 0px 32px 0px;
/*	background-color: #1e1e1e;*/
/*	background-color: #090909;*/
background: linear-gradient(135deg, #1e1e1e, #090909);
/* Or with fallback for older browsers */
background-color: #090909;
background-image: linear-gradient(135deg, #1e1e1e, #090909);
}
.my-info-grid-item-A {
border-left: 4px solid #0ff;
}
.my-info-inside-A {
padding: 100px 10% 100px 10%;
}
.my-info-grid-item-B {
width: 100%; 
min-height: 100px; 
background-image: url("../img/tim.png");
background-position: center center;
background-repeat: repeat;
/*  background-size: cover;*/
background-size: auto 150px;
box-shadow: 0 0 5px rgba(0, 255, 255, 0.2);
/*background-color: rgba(255, 0, 0, 0.3);  Red tint for debugging */
}
@media (max-width: 768px) {
.my-info-grid-container {
grid-template-columns: 1fr;
}
.neon-toggle {
position: fixed;
top: 20px;
right: 79px;
width: 50px;
height: 50px;
/*      border-radius: 50%;*/
border: 2px solid rgba(0,255,255,0.00);
background: transparent;
box-shadow: 0 0 10px #0ff, 0 0 20px #0ff40, inset 0 0 10px #0ff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
/*      position: relative;*/
transition: all 0.3s ease;
}
.my-info-inside-A {
padding: 50px 15% 50px 15%;
}
}