@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px;margin:0}a,body{color:#eee}a{text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.topbar{height:78px;margin:auto;max-width:80%;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.topbar,.topbar nav{align-items:center;display:flex}.topbar nav{gap:20px;margin-top:10px}.topbar nav a{font-size:18px;font-weight:700;margin:0;text-decoration:none}.topbar nav a:hover{color:#333}.topbar nav img{height:62px;margin-right:10px}@media screen and (max-width:429px){.topbar nav a{font-size:14px}}.footer{background-color:#000}.layout{display:flex;flex-direction:column;min-height:100vh}.layout .layout-content{flex-grow:1}.slide-show{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.slide-show .list .item{inset:0 0 0 0;position:absolute}.slide-show .list .item img{filter:brightness(60%);height:100%;object-fit:cover;width:100%}.slide-show .list .item .content{box-sizing:border-box;color:#fff;left:50%;max-width:80%;padding-right:30%;position:absolute;text-shadow:0 5px 10px rgba(0,0,0,.267);top:20%;transform:translateX(-50%);width:1140px}.slide-show .list .item .content .title{color:#f1683a;font-size:5em;font-weight:700;letter-spacing:10px;line-height:1.3em}.slide-show .list .item .content .description{font-size:1.4em}.slide-show .list .item .content .buttons{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,130px);grid-template-rows:40px;margin-top:20px}.slide-show .list .item .content .buttons button{background-color:#eee;border:none;font-family:Poppins;font-weight:500;letter-spacing:3px}.slide-show .list .item .content .buttons button:nth-child(2){background-color:#0000;border:1px solid #eee;color:#eee}.slide-show .list .item:first-child{z-index:1}.slide-show .list .item:first-child .buttons,.slide-show .list .item:first-child .description,.slide-show .list .item:first-child .title{animation:showContent .5s linear 1s 1 forwards;filter:blur(20px);opacity:0;transform:translateY(50px)}.slide-show .list .item:first-child .title{animation-delay:1.2s}.slide-show .list .item:first-child .description{animation-delay:1.6s}.slide-show .list .item:first-child .buttons{animation-delay:1.8s}.slide-show .thumbnail{bottom:50px;display:flex;gap:20px;left:50%;overflow:hidden;position:absolute;width:-webkit-max-content;width:max-content;z-index:100}.slide-show .thumbnail .item{flex-shrink:0;height:220px;overflow:hidden;position:relative;width:150px}.slide-show .thumbnail .item img{border-radius:20px;filter:brightness(80%);height:100%;object-fit:cover;width:100%}.slide-show .thumbnail .item .content{bottom:10px;left:10px;position:absolute;right:10px}.slide-show .thumbnail .item .content .title{font-weight:700;text-shadow:2px 2px 5px #000,-2px -2px 5px #0000001a,2px -2px 5px #0000001a,-2px 2px 5px #0000}.slide-show .thumbnail .item:last-child{animation:showThumbnail .5s linear 1 forwards;overflow:hidden;width:0}.slide-show .arrows{align-items:center;display:flex;gap:10px;max-width:30%;position:absolute;right:52%;top:80%;width:300px}.slide-show .arrows button{background-color:hsla(0,0%,93%,.267);border:none;border-radius:50%;color:#fff;font-family:monospace;font-size:large;font-weight:700;height:40px;transition:transform .5s ease-in-out!important;width:40px;z-index:100}.slide-show .arrows button:hover{color:#555}.slide-show.next .list .item:first-child img{animation:showImage .5s linear 1 forwards;border-radius:20px;bottom:50px;height:220px;left:50%;position:absolute;width:15px}.slide-show.next .thumbnail{animation:transformThumbnailn .5s linear 1 forwards;transform:translateX(150px)}.slide-show.prev .list .item:nth-child(2){z-index:2}.slide-show.prev .list .item:nth-child(2) img{animation:outImage .5s linear 1 forwards;bottom:0;left:0;position:absolute}.slide-show.prev .thumbnail .item:first-child{animation:showThumbnail .5s linear 1 forwards;opacity:0;overflow:hidden;width:0}.slide-show.prev .list .item:nth-child(2) .buttons,.slide-show.prev .list .item:nth-child(2) .description,.slide-show.prev .list .item:nth-child(2) .title{animation:contentOut 1.5s linear 1 forwards}.slide-show .time{background-color:#f1683a;height:5px;left:0;position:absolute;top:0;width:0;z-index:100}.slide-show.next .time,.slide-show.prev .time{animation:timeRunning 2s linear 1 forwards;width:100%}@keyframes showContent{to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes showImage{to{border-radius:0;bottom:0;height:100%;left:0;width:100%}}@keyframes showThumbnail{to{width:150px}}@keyframes transformThumbnailn{to{transform:translateX(0)}}@keyframes outImage{to{border-radius:20px;bottom:50px;height:220px;left:50%;width:150px}}@keyframes contentOut{to{filter:blur(20px);opacity:0;transform:translateY(-150px)}}@keyframes timeRunning{to{width:0}}@media screen and (max-width:678px){.slide-show .list .item .content{padding-right:0;top:17%}.slide-show .list .item .content .title{font-size:40px}.slide-show .list .item .content .description{font-size:2em;margin-top:3vw}}@media screen and (max-width:487px){.slide-show .list .item .content .title{font-size:35px;letter-spacing:7px}.slide-show .list .item .content .description{font-size:2em}}@media screen and (max-width:420px){.slide-show .list .item .content{top:16%}.slide-show .list .item .content .description{font-size:1.9em}}@media screen and (max-width:400px){.slide-show .list .item .content .title{font-size:29px}.slide-show .list .item .content .description{font-size:1.4em}.slide-show .arrows{gap:20px;right:56%;top:70%}.slide-show .thumbnail{bottom:18vw}.slide-show .thumbnail .item{height:150px;width:100px}}@media screen and (max-width:376px)and (max-height:668px){.slide-show .thumbnail{bottom:18vw;gap:10px}.slide-show .list .item .content{top:16%}.slide-show .list .item .content .title{font-size:29px}.slide-show .list .item .content .description{font-size:1.3em;letter-spacing:.2px}}@media screen and (max-width:348px)and (max-height:733px){.slide-show .thumbnail{bottom:20vw}.slide-show .list .item .content{top:18%}.slide-show .list .item .content .title{font-size:25px}.slide-show .list .item .content .description{font-size:1.2em}.slide-show .list .item .content .buttons{grid-template-columns:repeat(2,100px)}.slide-show .list .item .content .buttons button{letter-spacing:2px}}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body{background-color:#eeeeea}.wrapper{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.container{display:flex;flex-wrap:nowrap;height:400px;justify-content:start}.card{align-items:flex-end;background-size:cover;border-radius:.75rem;border-radius:2rem;box-shadow:0 10px 30px -5px #000c;cursor:pointer;display:flex;margin:0 10px;overflow:hidden;transition:.6s cubic-bezier(.28,-.03,0,.99);width:80px}.card>.row{color:#fff;display:flex;flex-wrap:nowrap}.card>.row>.icon{align-items:center;background:#223;border-radius:50%;color:#fff;display:flex;justify-content:center;margin:15px;width:50px}.card>.row>.description{display:flex;flex-direction:column;height:80px;justify-content:center;opacity:0;overflow:hidden;transform:translateY(30px);transition-delay:.3s;transition:all .3s ease;width:520px}.description p{color:#b0b0ba;padding-top:5px}.description h4{text-transform:uppercase}input{display:none}input:checked+label{width:600px}input:checked+label .description{opacity:1!important;transform:translateY(0)!important}.card[for=c1]{background-image:url(/static/media/3D%20visualisation%20and%20games.7712c3e58a679c9c2a33.avif)}.card[for=c2]{background-image:url(/static/media/3D%20visualisation%20and%20games_1.c8816b4708f3c3e11702.webp)}.card[for=c3]{background-image:url(/static/media/3D%20visualisation%20and%20games_2.f8bd0f7bad0c4cca69d1.webp)}.card[for=c4]{background-image:url(/static/media/3D%20visualisation%20and%20games_3.02cb4a2ef1ac81607aaf.webp)}
/*# sourceMappingURL=main.1256b0a2.css.map*/