.home{position:relative;width:100%;height:100%;display:flex}.home .menuWrap{position:absolute;top:0;right:0;height:12vh;display:flex;align-items:center;justify-content:center;padding:0 2rem;z-index:1}.home .left{flex:1}.home .right{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}@media (max-width: 769px){.home .right{margin-left:3rem}}.home .right .typewriterContainer{height:50px}.home .socialsWrap{position:absolute;bottom:0;left:0}.menu,.menu .menuItems{display:flex;align-items:center;justify-content:flex-end;gap:20px}.menu .menuItems.modal{flex-direction:column;background-color:transparent;color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;position:relative;z-index:1001;gap:20px;justify-content:center;align-items:center;display:flex}.menu .menuItems a{font-size:15px;text-transform:uppercase;text-align:center}@media (max-width: 768px){.menu .menuItems{display:none}}.menu .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.footer{height:10vh;display:flex;align-items:center;justify-content:flex-start;gap:40px;padding:0 2rem;z-index:1}.footer .socialMedia-icon{font-size:30px;cursor:pointer}body{margin:0;font-family:Gothic A1,sans-serif;background-color:#111;color:#eee}body li{list-style:none}body a{text-decoration:none;color:#eee}body p{font-size:large;line-height:1.5}body h1{font-size:3rem}body .app{width:100vw;position:relative}body .app .content{min-height:78vh;display:flex;align-items:flex-start;justify-content:center}body .app .content div{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body::-webkit-scrollbar{display:none}.navbar{height:12vh;display:flex;align-items:center;justify-content:center;padding:0 2rem;z-index:1}.navbar .left{flex:1;display:flex;align-items:center;justify-content:flex-start}.navbar .left h1{text-wrap:nowrap;font-size:30px}.navbar .right{flex:1}.calendar-container{position:absolute;bottom:20px;right:20px;width:500px;height:500px;cursor:pointer}.calendar-container .fc{height:100%}.calendar-container .popover{position:absolute;left:-350px;bottom:0;width:300px;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;z-index:1000}.calendar-container .popover h2{margin-top:0}@media (max-width: 768px){.calendar-container{display:none}}.about{max-width:100%;display:flex;flex-direction:column;align-items:center;padding:20px}@media (min-width: 769px){.about{flex-direction:row;align-items:start;justify-content:center}}.about .left{flex:2;text-align:center;width:100%}.about .left h1{font-size:40px}@media (min-width: 769px){.about .left{text-align:left}}.about .right{flex:5;width:100%;max-width:1000px}.about .right p{font-size:1rem}.about .right .lr{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}@media (min-width: 769px){.about .right .lr{flex-direction:row;align-items:center;justify-content:center}}.about .right .lr .pictureWrap{flex:1}.about .right .lr .pictureWrap img{width:100%;height:auto;object-fit:cover;margin-bottom:10px}.about .right .lr .textWrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:300px;color:#999}.about .right .lr .textWrap h2{font-size:1.5rem}.about .right .lr .textWrap i{padding:0 5%;font-size:1rem}.about .right .lr .textWrap small{padding:1rem;font-size:1rem}@media (min-width: 769px){.about .right .lr .textWrap{text-align:left;padding:0;height:auto}}.about .right .lr.inverted{flex-direction:column-reverse}@media (min-width: 769px){.about .right .lr.inverted{flex-direction:row-reverse}}.bands{max-width:100%;display:flex;flex-direction:column;align-items:stretch;padding:20px}@media (min-width: 769px){.bands{flex-direction:row;align-items:flex-start;justify-content:center}}.bands .left{flex:2;text-align:left;width:100%;margin-bottom:20px}.bands .left h1{font-size:40px;margin:0}.bands .right{flex:5;width:100%;max-width:1000px;position:relative}.bands .right .circle-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;height:auto}@media (min-width: 769px){.bands .right .circle-container{position:relative;width:1000px;height:1000px;flex-wrap:nowrap;justify-content:center;flex-direction:unset;transform:translate(-15%)}}.bands .right .circle-container .img{width:90%;max-width:200px;height:auto;position:relative;margin:0 auto;padding:10px;overflow:hidden;transition:transform .5s ease-in,opacity .5s ease-in}@media (max-width: 768px){.bands .right .circle-container .img{opacity:1;transform:none;animation:none}}@media (min-width: 769px){.bands .right .circle-container .img{width:200px;height:200px;position:absolute;opacity:0;transform:translate(var(--random-x, 0),var(--random-y, 0)) scale(.5);animation:arrive 1.5s ease forwards}}.bands .right .circle-container .img img{width:100%;height:100%;object-fit:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all .5s ease-in}.bands .right .circle-container .img img:hover{filter:none;transform:scale(1.1)}.bands .right .circle-container .img .bandName{text-align:center;font-size:1rem;opacity:0;transition:opacity .5s ease-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;color:#fff;padding:5px 10px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.bands .right .circle-container .img .bandName{opacity:1}}.bands .right .circle-container .img:hover .bandName{opacity:1}.bands .right .circle-container .img:hover img{filter:none;transform:scale(1.1)}@keyframes arrive{0%{opacity:0;transform:translate(var(--random-x, 0px),var(--random-y, 0px)) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}.band{max-width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:3rem}.band .back{position:absolute;top:0;left:0;padding-left:3%}.band .top{display:flex;align-items:center;justify-content:space-evenly;width:100%}.band .top .left,.band .top .right{flex:1}.band .top .left{display:flex;justify-content:center;transform:translateY(-40%)}@media (max-width: 768px){.band .top .left h1{font-size:24px}}.band .top .right{display:flex;justify-content:flex-start;gap:10px}@media (max-width: 768px){.band .top .right.two{flex-direction:column;gap:5px}}.band .top .right img{height:300px;width:300px;object-fit:cover;border-radius:10px}@media (max-width: 768px){.band .top .right img{height:150px;width:150px}}.band .blurb{width:65%;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.band .blurb{width:100%}}.band .youTubeEmbeds{display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;gap:40px}.band .youTubeEmbeds iframe{max-width:400px;height:200px}@media (min-width: 769px){.band{max-width:1000px}}.band .imgInline{display:flex;gap:10px}.band .imgInline img{width:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%);object-fit:contain}.band .imgs{display:flex;justify-content:space-between;align-items:center;padding:20px}.band .imgs .left,.band .imgs .right{flex:1;max-width:45%}.band .imgs .left img,.band .imgs .right img{width:100%;height:500px;-webkit-filter:grayscale(100%);filter:grayscale(100%);object-fit:contain}@media (max-width: 768px){.band .imgs{display:block}.band .imgs .right{display:none}.band .imgs .left{max-width:100%}}@media (max-width: 768px){.band iframe{height:300px}}.band h1{font-size:2rem;margin-bottom:20px}.band hr{width:100%;border-color:#666}.band .linkTreeItem{display:inline-block}.band .linkTreeItem .link{display:inline-flex;align-items:center}.band .linkTreeItem .link:hover{text-decoration:underline}.band .linkTreeItem .icon{font-size:20px;margin-right:8px;vertical-align:center;display:inline-block}.band .bandLinkTree{display:flex;align-items:center;flex-wrap:wrap;gap:30px}.band .bandLinkTree a{display:inline-flex;align-items:center;text-decoration:none;gap:5px}.band .bandLinkTree a:hover{text-decoration:underline}.band .bandLinkTree svg{font-size:20px}.music{width:100%;height:100%;display:flex;padding:0 3rem}.music .left{flex:1}.music .left ul{display:flex;flex-direction:column;gap:10px}.music .left ul li{width:fit-content;cursor:pointer}.music .left ul li:hover{text-decoration:underline}.music .right{flex:3}.album{text-align:center;margin:20px}.album img{width:300px;height:300px;object-fit:cover;cursor:pointer}.album h3{margin-top:10px}.albums{margin-top:5vh;display:flex;gap:30px;flex-wrap:wrap;justify-content:center;align-content:space-evenly}.discography{text-align:center}.contact{max-width:50%;display:flex;align-items:baseline;justify-content:center}@media (max-width: 769px){.contact{flex-direction:column}}.contact .left{flex:2}.contact .left h1{font-size:40px}.contact .right{flex:5;display:flex;flex-direction:column;gap:20px}@media (min-width: 769px){.contact .right{width:1000px}}.contact .right .email{display:flex;gap:15px;align-items:center;font-size:large}.contact .right .email a:hover{text-decoration:underline}.dance{max-width:100%;display:flex;flex-direction:column;align-items:center;padding:20px}@media (min-width: 769px){.dance{flex-direction:row;align-items:start;justify-content:center}}.dance .left{flex:2;text-align:center;width:100%}.dance .left h1{font-size:40px}@media (min-width: 769px){.dance .left{text-align:left}}.dance .right{flex:5;width:100%;max-width:1000px}.dance .right p{font-size:1rem}.dance .right img{width:100%;object-fit:contain}.dance .right p{text-indent:10px}.dance .right .flex{display:flex;gap:10px}.dance .right .flex img{width:50%}.education{max-width:100%;margin:0 auto;padding:0 5%;display:flex;flex-direction:column}@media (min-width: 769px){.education{max-width:1000px}}.education img{width:100%;object-fit:contain}.education p{text-indent:10px}.education ul{display:flex;flex-direction:column;gap:5px}.education ul li{list-style-type:disc;margin-left:20px}.sonamorlayout{padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.sonamorlayout h1{font-size:2.5em;margin-bottom:20px}.sonamorlayout h2{padding-top:30px}.sonamorlayout ul{list-style-type:none;padding:0}.sonamorlayout ul li{margin-bottom:20px;list-style-type:disc}.sonamorlayout ul li h3{margin:0 0 10px;font-size:1.5em;color:#007bff;cursor:pointer}.sonamorlayout ul li h3 a{text-decoration:none;color:inherit}.sonamorlayout ul li h3 a:hover{text-decoration:underline}.sonamorlayout ul li p{margin:0;font-size:1em;text-indent:20px}