*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#f5f5f5;background-color:#000;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}main{position:relative}section{z-index:2;min-height:100vh;position:relative}#bg{z-index:0;background-image:url(/models/background.png);background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:opacity .3s linear;position:fixed;top:0;left:0}#section1{--gap:5rem;position:relative}#section1 nav{justify-content:space-between;align-items:center;padding:3.5rem 2.5rem 1.5rem;display:flex}#section1 nav .nav-elem:nth-child(2) i{color:red}#section1 nav svg{width:100%;max-width:5rem;height:100%}#section1 .middle{gap:var(--gap);display:flex}#section1 .middle .left,#section1 .middle .right{width:50%}#section1 .middle .left{justify-content:flex-end;align-items:center;padding-block:7rem;display:flex}#section1 .middle h1{text-align:right;font-size:5rem;line-height:.8}#section1 .bottom{gap:var(--gap);display:flex}#section1 .bottom .left,#section1 .bottom .right{width:50%}#section1 .bottom .right p{font-weight:200;line-height:1.5}#section1 .first-line{background-color:#ff000065;width:35rem;height:1px;position:absolute;transform:rotate(45deg)translateY(-17rem)}#section1 .second-line{background-color:#ff000065;width:10rem;height:1px;position:absolute;top:28%;right:12%;transform:rotate(135deg)}#section2 .titles{flex-direction:column;margin-block:10rem;padding-left:17rem;display:flex}#section2 .titles .title{opacity:.3;cursor:pointer;gap:4rem;padding-block:2rem;transition:all .3s linear;display:flex}#section2 .titles .title h1{font-size:4.5rem;font-weight:100;line-height:1}#section2 .titles .title small{margin-top:.6rem;font-size:.5rem}#section2 .titles .title:hover{opacity:1}main:has(#section2 .title:hover) #bg{opacity:0}.images{width:100%;height:100%;position:fixed;top:0;left:0}.images img{object-fit:cover;opacity:0;width:100%;height:100%;transition:all .3s linear;position:absolute;top:0;left:0}main:has(#section2 .title[img-title=tomorrowland]:hover) .images #tomorrowland{opacity:1;background-color:#040718}main:has(#section2 .title[img-title=navy-pier]:hover) .images #navy-pier{opacity:1;background-color:#040718}main:has(#section2 .title[img-title=msi-chicago]:hover) .images #msi-chicago{opacity:1;background-color:#040718}main:has(#section2 .title[img-title=phone]:hover) .images #phone{opacity:1;background-color:#040718}main:has(#section2 .title[img-title=kikk]:hover) .images #kikk{opacity:1;background-color:#010f5cad}main:has(#section2 .title[img-title=kennedy]:hover) .images #kennedy{opacity:1;background-color:#040718}main:has(#section2 .title[img-title=opera]:hover) .images #opera{opacity:1;background-color:#b00404}