*{margin:0;padding:0;box-sizing:border-box;font-family:Urbanist,sans-serif}nav{position:fixed;top:0;left:0;width:100%;padding:7px 222px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.5);box-shadow:0 0 30px #00000080;background-color:#333b5080;height:9vh;z-index:10}.logo{height:60px}.logo-mobile{height:40px;display:none}.nav{display:flex;align-items:center}.nav .mobile-open{display:none}.nav .a{position:relative;font-size:1.3em;color:#fff;text-decoration:none;font-weight:500;margin-right:100px}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background:#fff;border-radius:5px;transform-origin:right;transform:scaleX(0);transition:transform .5s}.nav .a:hover:after{transform-origin:left;transform:scaleX(1)}@media only screen and (max-width: 1650px){nav{padding:7px 200px}.logo{margin-right:150px}}@media only screen and (max-width: 1400px){nav{padding:7px 100px}.nav .a,.logo{margin-right:100px}}@media only screen and (max-width: 1187px){nav{padding:7px 50px}.nav .a{margin-right:50px}.logo{margin-right:90px}}@media only screen and (max-width: 1000px){nav{padding:7px 10px}.nav .a{margin-right:50px}.logo{margin-right:100px}}@media only screen and (max-width: 900px){.logo{display:none}.logo-mobile{display:block}.nav{display:none;flex-direction:column;width:100%;background-color:#333b50b3;position:absolute;top:100%;left:0;box-shadow:0 0 30px #00000080;z-index:10}.nav.mobile-open{display:flex}.nav .a{display:none}.hamburger-menu{display:flex;align-items:center;justify-content:center;height:100%;width:7em;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%)}}@media only screen and (max-width: 1000px) and (orientation: landscape){nav{height:auto}}*{margin:0;box-sizing:border-box}.hamburger-container{position:relative}.burger-menu{height:100%;width:4em;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.burger-bar{display:none;width:2.5em;height:.35em;background-color:#fff;border-radius:.5em;transition:transform .5s ease;margin:.28em 0;z-index:100}.menu{width:15em;height:100vh;background-color:#252735;position:fixed;top:0;right:0;z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center}.menu.visible{display:flex}.menu-item{color:#fff;text-decoration:none;font-size:2em;margin:20px}.burger-bar.clicked:nth-child(1){transform:rotate(45deg) translate(.8em,1em)}.burger-bar.clicked:nth-child(2){transform:scale(0)}.burger-bar.clicked:nth-child(3){transform:rotate(135deg) translate(-.3em,.5em)}.burger-bar.unclicked{transform:rotate(0) translate(0)}@media only screen and (max-width: 900px){.burger-bar{display:block}}.hero{position:relative;height:122vh;overflow:hidden;background-color:#c3c6cb}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/arron6.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;z-index:10;pointer-events:none}.hero .hero-left{display:flex;flex-direction:column;width:680px;z-index:2;margin-left:222px;margin-top:230px;padding-right:90px}.hero .hero-left .top-text{display:flex;flex-direction:column}.hero .hero-left .top-text h3{font-size:3rem;font-weight:400;color:#fff}.hero .hero-left .top-text h1{font-size:6rem;font-weight:700;color:#fff}.hero .hero-left .top-text h2{font-size:4rem;font-weight:700;color:#fff}.hero .hero-left .hero-icons{display:flex;flex-direction:row;justify-content:space-between;padding-top:40px}.hero .hero-left .hero-icons .icon-circle{width:80px;height:80px;background-color:#333b50cc;border-radius:50%;display:flex;justify-content:center;align-items:center}.hero .hero-left .hero-icons .icon-circle #icons{font-size:2.3rem;color:#f8f5f3}@media only screen and (max-width: 1650px){.hero:before{background-image:url(/arron.png)}.hero .hero-left{width:600px;margin-left:200px;margin-top:230px;padding-right:90px}.hero .hero-left .top-text h3{font-size:4rem}.hero .hero-left .top-text h1{font-size:6rem}.hero .hero-left .top-text h2{font-size:3.5rem}.hero .hero-left .hero-icons{padding:40 40 0 40}.hero .hero-left .hero-icons padding .icon-circle{width:70px;height:70px}.hero .hero-left .hero-icons padding .icon-circle #icons{font-size:2.5rem}}@media only screen and (max-width: 1400px){.hero:before{background-image:url(/arron3.png)}.hero .hero-left{width:550px;margin-left:100px;margin-top:230px}.hero .hero-left .top-text h3{font-size:3.5rem}.hero .hero-left .top-text h1{font-size:5rem}.hero .hero-left .top-text h2{font-size:3rem}.hero .hero-left .hero-icons{padding:40 40 0 40}.hero .hero-left .hero-icons padding .icon-circle{width:60px;height:60px}.hero .hero-left .hero-icons padding .icon-circle #icons{font-size:2rem}}@media only screen and (max-width: 1187px){.hero:before{background-image:url(/arron2.png)}.hero .hero-left{width:550px;margin-left:50px;margin-top:200px}.hero .hero-left .top-text h3{font-size:2.5rem}.hero .hero-left .top-text h1{font-size:4rem}.hero .hero-left .top-text h2{font-size:2rem}.hero .hero-left .hero-icons{z-index:3}.hero .hero-left .hero-icons .icon-circle{width:70px;height:70px}.hero .hero-left .hero-icons .icon-circle #icons{font-size:2.5rem}}@media only screen and (max-width: 1100px){.hero:before{background-attachment:scroll}}@media only screen and (max-width: 900px){.hero{height:auto;min-height:122vh}.hero:before{background-image:url(/arron7.png);z-index:0}.hero .hero-left{width:500px;margin-left:20px;margin-top:220px}.hero .hero-left .top-text h3{font-size:2.5rem}.hero .hero-left .top-text h1{font-size:4rem}.hero .hero-left .top-text h2{font-size:2rem}}@media only screen and (max-width: 760px){.hero:before{background-image:url(/arron4.png)}.hero .hero-left{position:relative;width:420px;margin-left:20px;margin-top:250px}.hero .hero-left .top-text h3{font-size:2rem}.hero .hero-left .top-text h1{font-size:3.5rem}.hero .hero-left .top-text h2{font-size:1.8rem;margin-bottom:-10px}.hero .hero-left .hero-icons{z-index:3}.hero .hero-left .hero-icons .icon-circle{width:50px;height:50px}.hero .hero-left .hero-icons .icon-circle #icons{font-size:1.8rem}}@media only screen and (max-width: 500px){.hero:before{background-image:url(/hero-mobile.png);z-index:0}.hero .hero-left{position:relative;width:350px;margin-left:20px;margin-top:250px}.hero .hero-left .top-text h3{font-size:2rem}.hero .hero-left .top-text h1{font-size:3.2rem}.hero .hero-left .top-text h2{font-size:1.8rem;margin-bottom:-10px}.hero .hero-left .hero-icons{z-index:3}.hero .hero-left .hero-icons .icon-circle{width:50px;height:50px}.hero .hero-left .hero-icons .icon-circle #icons{font-size:1.8rem}}@media only screen and (orientation: landscape) and (max-width: 1000px){.hero{height:auto;min-height:122vh}.hero:before{background-image:url(/arron5.png);background-position:center}.hero .hero-left{width:40vw;margin-left:5vw;margin-top:100px;padding:0 20px}.hero .hero-left .top-text h3{font-size:2rem}.hero .hero-left .top-text h1{font-size:3.3rem}.hero .hero-left .top-text h2{font-size:1.8rem}.hero .hero-left .hero-icons{padding-top:20px}.hero .hero-left .hero-icons .icon-circle{width:50px;height:50px}.hero .hero-left .hero-icons .icon-circle #icons{font-size:1.7rem}}@media only screen and (orientation: landscape) and (max-width: 810px){.hero .hero-left{width:45vw;margin-left:5vw;margin-top:100px;padding:0 20px}.hero .hero-left .top-text h3{font-size:2rem}.hero .hero-left .top-text h1{font-size:3rem}.hero .hero-left .top-text h2{font-size:1.5rem}.hero .hero-left .hero-icons .icon-circle{width:40px;height:40px}.hero .hero-left .hero-icons .icon-circle #icons{font-size:1.5rem}}.skills{background:url(/noise.png);background-color:#f8f5f3;height:100vh;padding-top:11vh}.skills .bg{z-index:-1;width:100%;height:100%}.skills .bg .header{display:flex;flex-direction:column;text-align:center}.skills .bg .header h2{font-size:60px;font-weight:700;margin-bottom:10px}.skills .bg .header .bottom{margin:auto auto 0;font-size:20px;color:#5a5a5a;line-height:1.8em}.skills .bg .slider{overflow:hidden;width:100%;height:auto;position:relative}.skills .bg .slider .slideTrack{display:flex;width:506%;animation:scroll 60s linear infinite}.skills .bg .slider .slideTrack .slide{padding:20px 50px;width:350px;height:auto;transition:transform .5s ease-in-out}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-158%)}}@media only screen and (max-width: 1650px){.skills .bg .header h2{font-size:50px;margin-bottom:20px}.skills .bg .header .bottom{margin-bottom:20px}.skills .bg .slider .slideTrack{display:flex;width:506%;animation:scroll 60s linear infinite}.skills .bg .slider .slideTrack .slide{padding:20px 50px;height:280px}}@media only screen and (max-width: 1090px){.skills{height:auto}.skills .bg .header h2{margin:20px 0;font-size:40px}.skills .bg .header .bottom{margin-bottom:20px}.skills .bg .slider .slideTrack{animation:scroll 50s linear infinite}.skills .bg .slider .slideTrack .slide{margin:10px -20px 30px;height:280px}}@media only screen and (max-width: 565px){.skills{height:auto;padding-bottom:40px}.skills .bg .header h2{margin:20px 0;font-size:40px}.skills .bg .header .bottom{font-size:1.2rem;line-height:1.3rem;margin-bottom:10px}.skills .bg .slider .slideTrack{animation:scroll 40s linear infinite}.skills .bg .slider .slideTrack .slide{margin:0 -30px 10px;height:200px}}.about{padding-top:11vh;height:100vh}.about .header{display:flex;flex-direction:column;text-align:center}.about .header h2{font-size:60px;font-weight:700}.about .content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:20px 230px}.about .content .description{max-width:30%;display:flex;flex-direction:column;text-align:left}.about .content .description span{font-size:3rem;color:#cac3b4}.about .content .description p{font-size:18px;color:#5a5a5a;line-height:1.8em;margin-bottom:30px}.about .content .description h4{font-size:35px;font-style:normal;font-weight:600;line-height:40px}.about .content .description .signature{width:80%;margin-top:-25px;margin-left:-40px;transform:rotate(-4deg)}.about .content .image{display:flex;text-align:center;margin:0 50px}.about .content .image img{max-width:100%;height:auto}.about .content .talents{max-width:30%;display:flex;flex-direction:column;text-align:left}.about .content .talents .box{display:flex;border-radius:10px;border:1px solid #a8a8a8;align-items:center;margin-bottom:30px}.about .content .talents .box .circle{width:70px;height:70px;background-color:#eae6dc;border-radius:50%;margin:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about .content .talents .box .circle .icon .webIcon{font-size:58px;text-align:center;width:100%}.about .content .talents .box .title{display:flex;flex-direction:column}.about .content .talents .box .title h4{font-size:30px}.about .content .talents .box .desc p{font-size:1rem}@media only screen and (max-width: 1650px){.about .header h2{font-size:50px}.about .content{margin:20px 150px}.about .content .description{max-width:30%}.about .content .description span{font-size:3rem}.about .content .description p{line-height:1.5em;margin-bottom:30px}.about .content .talents{max-width:30%}.about .content .talents .box{margin-bottom:30px;padding-right:10px}.about .content .talents .box .circle{width:60px;height:60px;margin:20px}.about .content .talents .box .circle .icon{width:50%}}@media only screen and (max-width: 1450px){.about .header h2{font-size:50px}.about .content{margin:35px 70px}.about .content .description{max-width:30%}.about .content .description p{line-height:1.2em;margin-bottom:30px}.about .content .talents{max-width:30%}.about .content .talents .box{margin-bottom:20px;padding:10px 10px 10px 0}.about .content .talents .box .circle{width:50px;height:50px;margin:20px}.about .content .talents .box .circle .icon{width:50%}.about .content .talents .box .title{display:flex;flex-direction:column}.about .content .talents .box .title h4{font-size:25px}.about .content .talents .box .desc p{font-size:1rem}}@media only screen and (max-width: 1200px){.about{height:auto}.about .header h2{font-size:50px}.about .content{margin:35px 50px}.about .content .description{max-width:32%}.about .content .description p{line-height:1.3em;margin-bottom:30px}.about .content .image{margin:0 5px}.about .content .talents{max-width:33%}.about .content .talents .box{margin-bottom:35px;padding-right:10px}}@media only screen and (max-width: 1000px){.about .header h2{font-size:40px;padding-bottom:30px}.about .content{flex-direction:column;margin:10px 40px}.about .content .description{max-width:90%;flex-direction:column;text-align:center}.about .content .description span{font-size:3rem;color:#cac3b4}.about .content .description p{font-size:18px;line-height:1.5em;margin-bottom:15px}.about .content .description .signature{max-width:60%;margin:auto;transform:rotate(-3deg)}.about .content .image{display:flex;justify-content:center;margin-top:40px}.about .content .image img{width:500px;height:auto;margin-bottom:40px}.about .content .talents{max-width:90%}.about .content .talents .box{display:flex;border-radius:10px;border:1px solid #a8a8a8;justify-content:space-evenly;align-items:center;margin-bottom:30px;padding-right:30px}.about .content .talents .box .circle{width:70px;height:70px;margin:20px}.about .content .talents .box .circle .icon{width:50%}.about .content .talents .box .title{display:flex;flex-direction:column}.about .content .talents .box .title h4{font-size:30px}.about .content .talents .box .desc p{font-size:1.1rem}}@media only screen and (max-width: 820px){.about .content .description .signature{max-width:80%;transform:rotate(-3deg);margin-bottom:40px}.about .content .image{display:flex;justify-content:center;margin:0}.about .content .image img{width:500px;height:auto}.about .content .talents{max-width:90%}.about .content .talents .box{display:flex;border-radius:10px;border:1px solid #a8a8a8;align-items:center;margin-bottom:30px;padding-right:50px}.about .content .talents .box .title{display:flex;flex-direction:column}.about .content .talents .box .title h4{font-size:30px}.about .content .talents .box .desc p{font-size:1rem}}@media only screen and (max-width: 500px){.about .content{margin:10px 5px}.about .content .description{max-width:95%}.about .content .description p{line-height:1.2em}.about .content .description .signature{max-width:70%}.about .content .image{margin-top:0}.about .content .image img{width:350px;height:auto}.about .content .talents .box{display:flex;border-radius:10px;border:1px solid #a8a8a8;align-items:center;margin-bottom:15px;padding-right:0}.about .content .talents .box .circle{width:50px;height:50px;margin:10px}.about .content .talents .box .circle .icon{width:50%}.about .content .talents .box .title h4{font-size:20px}.about .content .talents .box .desc p{font-size:1rem}}.projects{position:relative;padding-top:11vh;background-image:url(/projectBg.png);background-attachment:fixed;background-size:cover}.projects .header{text-align:center}.projects .header h2{font-size:60px;font-weight:700;margin-bottom:15px}.projects .header .bottom{width:30vw;margin:auto;font-size:20px;color:#5a5a5a;line-height:1.8em}.projects .project-container .project-box{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background-color:#ffffeb1a;border:1px solid rgba(255,255,255,.125);border-radius:12px;filter:drop-shadow(0 20px 10px rgba(0,0,0,.125));box-shadow:10px 10px 20px #00000020;margin:50px 222px;overflow:hidden}.projects .project-container .project-box .tag{display:flex;justify-content:center;align-items:center;background-color:#7fc6e4;color:#000;font-size:2.5rem;width:100%;height:60px}.projects .project-container .project-box .project{display:flex;justify-content:center}.projects .project-container .project-box .project.left{flex-direction:row}.projects .project-container .project-box .project.right{flex-direction:row-reverse}.projects .project-container .project-box .project .image-container{flex:1;overflow:hidden}.projects .project-container .project-box .project .image-container .project-image{width:100%;cursor:pointer;transition:transform .3s ease}.projects .project-container .project-box .project .image-container .project-image:hover{transform:scale(1.1) rotate(1deg)}.projects .project-container .project-box .project .project-content{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.projects .project-container .project-box .project .project-content .tech-icons{display:flex;justify-content:space-evenly;align-items:center}.projects .project-container .project-box .project .project-content .tech-icons .tech-icon{width:80px;height:auto}.projects .project-container .project-box .project .project-content .description p{font-size:20px;color:#5a5a5a;line-height:1.6em;margin:0 40px}.projects .project-container .project-box .project .project-content .button-box{display:flex;justify-content:center}.projects .project-container .project-box .project .project-content .button-box button{display:flex;align-items:center;border:none;padding:12px 24px;border-radius:24px;font-size:1.4rem;cursor:pointer}.projects .project-container .project-box .project .project-content .button-box .github{margin-right:20px;color:#7fc6e4;border:4px solid #7fc6e4;transition:all .3s ease}.projects .project-container .project-box .project .project-content .button-box .github i{color:#7fc6e4;font-size:2rem;margin-right:10px;transition:all .3s ease}.projects .project-container .project-box .project .project-content .button-box .github:hover{transform:scale(1.125);color:#5a5a5a;border-color:#5a5a5a;transition:all .3s ease}.projects .project-container .project-box .project .project-content .button-box .github:hover i{color:#5a5a5a}.projects .project-container .project-box .project .project-content .button-box .website{background:#7fc6e4;margin-left:20px;color:#fff;transition:all .3s ease}.projects .project-container .project-box .project .project-content .button-box .website i{color:#fff;font-size:2rem;margin-right:10px}.projects .project-container .project-box .project .project-content .button-box .website:hover{transform:scale(1.125);background-color:#5a5a5a;border-color:#ffffffe6;filter:drop-shadow(0 10px 5px rgba(0,0,0,.125));transition:all .3s ease}@media only screen and (max-width: 1650px){.projects .header h2{font-size:50px;margin-bottom:20px}.projects .project-container .project-box{margin:50px 200px}.projects .project-container .project-box .project .project-content .description p{line-height:1.2em}.projects .project-container .project-box .project .project-content .tech-icons .tech-icon{width:70px;height:auto}}@media only screen and (max-width: 1500px){.projects .header .bottom{display:none}.projects .project-container .project-box{margin:50px 150px}.projects .project-container .project-box .project .project-content .description p{font-size:20px;margin:0 20px}.projects .project-container .project-box .project .project-content .button-box button{padding:10px 20px;font-size:1.2rem}.projects .project-container .project-box .project .project-content .button-box .github{margin-right:10px;border:2px solid #7fc6e4}.projects .project-container .project-box .project .project-content .button-box .github i{font-size:1.7rem}.projects .project-container .project-box .project .project-content .button-box .website{margin-left:10px}.projects .project-container .project-box .project .project-content .button-box .website i{font-size:1.7rem}}@media only screen and (max-width: 1370px){.projects .project-container .project-box{margin:50px 60px}.projects .project-container .project-box .tag{font-size:2.2rem;height:50px}.projects .project-container .project-box .project .project-content .description p{font-size:18px}}@media only screen and (max-width: 1150px){.projects .project-container .project-box{margin:50px 40px}.projects .project-container .project-box .project .project-content .tech-icons .tech-icon{width:60px}.projects .project-container .project-box .project .project-content .description p{font-size:16px;margin:0 15px}.projects .project-container .project-box .project .project-content .button-box button{padding:6px 10px;font-size:1rem}.projects .project-container .project-box .project .project-content .button-box .github{margin-right:7px}.projects .project-container .project-box .project .project-content .button-box .github i{font-size:1.4rem}.projects .project-container .project-box .project .project-content .button-box .website{margin-left:7px}.projects .project-container .project-box .project .project-content .button-box .website i{font-size:1.4rem}}@media only screen and (max-width: 1000px){.projects .header h2{font-size:40px;margin-bottom:0}.projects .project-container .project-box{margin:40px}}@media only screen and (max-width: 915px){.projects .project-container .project-box{margin:40px 80px}.projects .project-container .project-box .project.left,.projects .project-container .project-box .project.right{flex-direction:column}.projects .project-container .project-box .project .project-content .tech-icons{padding:20px 0}.projects .project-container .project-box .project .project-content .tech-icons .tech-icon{width:70px}.projects .project-container .project-box .project .project-content .description p{font-size:18px;margin:0 30px;padding-bottom:20px}.projects .project-container .project-box .project .project-content .button-box{padding-bottom:20px}.projects .project-container .project-box .project .project-content .button-box button{padding:10px 15px;font-size:1rem}.projects .project-container .project-box .project .project-content .button-box .github{margin-right:7px}.projects .project-container .project-box .project .project-content .button-box .github i{font-size:1.4rem}.projects .project-container .project-box .project .project-content .button-box .website{margin-left:7px}.projects .project-container .project-box .project .project-content .button-box .website i{font-size:1.4rem}}@media only screen and (max-width: 700px){.projects .project-container .project-box{margin:30px}.projects .project-container .project-box .project .project-content .tech-icons .tech-icon{width:50px}.projects .project-container .project-box .project .project-content .description p{font-size:16px;margin:0 15px;padding-bottom:20px}.projects .project-container .project-box .project .project-content .button-box{padding-bottom:20px}.projects .project-container .project-box .project .project-content .button-box button{padding:7px 10px;font-size:1rem}.projects .project-container .project-box .project .project-content .button-box .github{margin-right:7px}.projects .project-container .project-box .project .project-content .button-box .github i{font-size:1.3rem}.projects .project-container .project-box .project .project-content .button-box .website{margin-left:7px}.projects .project-container .project-box .project .project-content .button-box .website i{font-size:1.4rem}}@media only screen and (max-width: 500px){.projects .project-container .project-box{margin:30px}.projects .project-container .project-box .tag{font-size:1.8rem;height:40px}.projects .project-container .project-box .project .project-content .tech-icons{padding:15px}.projects .project-container .project-box .project .project-content .tech-icons .tech-icon{width:40px}.projects .project-container .project-box .project .project-content .description p{font-size:.9rem;line-height:.9rem;margin:0 15px;padding-bottom:15px}.projects .project-container .project-box .project .project-content .button-box{padding-bottom:15px}.projects .project-container .project-box .project .project-content .button-box button{padding:6px 9px;font-size:.9rem}.projects .project-container .project-box .project .project-content .button-box .github{margin-right:7px}.projects .project-container .project-box .project .project-content .button-box .github i{font-size:1.3rem}.projects .project-container .project-box .project .project-content .button-box .website{margin-left:7px}.projects .project-container .project-box .project .project-content .button-box .website i{font-size:1.4rem}}@media only screen and (max-width: 420px){.projects .project-container .project-box{margin:20px}.projects .project-container .project-box .tag{font-size:1.5rem;height:30px}.projects .project-container .project-box .project .project-content .tech-icons .tech-icon{width:35px}}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.lightbox .lightbox-content{max-width:90%;max-height:90%;overflow:hidden}.lightbox .lightbox-content img{width:100%;height:auto;border-radius:10px}.lightbox .lightbox-content .close-button{position:absolute;top:10px;right:30px;background:none;border:none;font-size:30px;color:#fff;cursor:pointer;z-index:1001}.lightbox .lightbox-content .close-button:hover{color:#ccc}.modal-outside{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#4f4c4cbf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-outside .modal{position:relative}.modal-outside .modal .modal-close{position:absolute;top:6px;right:30px;background:none;border:none;font-size:50px;color:#fff;cursor:pointer;z-index:1001;transition:ease-in .3s}.modal-outside .modal .modal-close:hover{color:#ccc;transform:scale(1.2)}.modal-outside .modal .modal-content .modal-image{height:95vh;border-radius:20px}@media only screen and (max-width: 900px){.modal-outside .modal .modal-close{top:42px;right:19px}.modal-outside .modal .modal-content .modal-image{margin-top:50px;height:85vh}}@media only screen and (max-width: 510px){.modal-outside .modal .modal-close{top:-5px;right:9px;font-size:35px}.modal-outside .modal .modal-content .modal-image{margin-top:0;width:90vw;height:auto}}.infoBlock-container{display:flex;justify-content:center;margin:-30vh 25vw 0}.infoBlock-container .infoBlock{display:flex;flex-direction:column;justify-content:space-evenly;height:60vh;background:#333b50;align-items:center;z-index:10;padding:2vh 0}.infoBlock-container .infoBlock .infoBlock-top{align-items:center}.infoBlock-container .infoBlock .infoBlock-top img{width:120px}.infoBlock-container .infoBlock .infoBlock-text{color:#fff;align-items:center;text-align:center;font-size:1.5rem;padding:0 50px}.infoBlock-container .infoBlock button{background:#7fc6e4;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.3);display:flex;align-items:center;border:1px solid black;padding:12px 24px;border-radius:24px;font-size:1.4rem;cursor:pointer;transition:all .3s ease;box-shadow:5px 5px 5px #0000004d}.infoBlock-container .infoBlock button:hover{transform:scale(1.125);background-color:#5a5a5a;border-color:#5a5a5a;transition:all .3s ease}@media only screen and (max-width: 1650px){.infoBlock-container .infoBlock .infoBlock-text{font-size:1.4rem}}@media only screen and (max-width: 1400px){.infoBlock-container{margin:-30vh 20vw 0}}@media only screen and (max-width: 1130px){.infoBlock-container{margin:-30vh 15vw 0}.infoBlock-container .infoBlock .infoBlock-text{font-size:1.4rem}}@media only screen and (max-width: 900px){.infoBlock-container{margin:-30vh 10vw 0}.infoBlock-container .infoBlock{min-height:60vh;height:auto;z-index:0}.infoBlock-container .infoBlock .infoBlock-text{font-size:1.4rem}.infoBlock-container .infoBlock .infoBlock-top{align-items:center}.infoBlock-container .infoBlock .infoBlock-top img{width:100px}}@media only screen and (max-width: 790px){.infoBlock-container .infoBlock .infoBlock-text{font-size:1.3rem;padding:0 50px}.infoBlock-container .infoBlock .infoBlock-top{align-items:center}}@media only screen and (max-width: 600px){.infoBlock-container .infoBlock .infoBlock-text{font-size:1.2rem;padding:0 30px}.infoBlock-container .infoBlock .infoBlock-top{align-items:center}.infoBlock-container .infoBlock .infoBlock-top img{width:100px}.infoBlock-container .infoBlock button{font-size:1.2rem}}@media only screen and (max-width: 450px){.infoBlock-container{margin:-30vh 5vw 0}.infoBlock-container .infoBlock{height:60vh;z-index:0}.infoBlock-container .infoBlock .infoBlock-top img{width:100px}.infoBlock-container .infoBlock .infoBlock-text{font-size:1.1rem;padding:0 20px}.infoBlock-container .infoBlock button{margin-top:20px}}@media only screen and (orientation: landscape){.infoBlock-container .infoBlock{min-height:60vh;height:auto;padding:5vh 0}}*{padding:0;margin:0;box-sizing:border-box}