@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";.side-link{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;text-decoration:none}.side-link .side-header{pointer-events:none}.side-header{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:20;color:#fff;text-shadow:0 2px 8px #000,0 0 2px #222;pointer-events:none;transform:translateY(-50%);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none;padding:18px 12px 16px;transition:background .3s,box-shadow .3s,backdrop-filter .3s}.side.left:hover .side-header,.side.right:hover .side-header{background:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 16px #0008}.side-header h1{margin:0 0 8px;font-size:2.2rem;font-weight:700;letter-spacing:1px;background:transparent;border-radius:0}.side-header p{margin:0;font-size:.8rem;opacity:.85}.side-header-left h1{font-size:2.7rem;background:transparent}.side-header-left p{font-size:1rem;line-height:1.8}.side-header-right h1{font-size:2.3rem;margin-bottom:16px;margin-top:11px;background:transparent}.side-header-right p{font-size:.84rem;line-height:1.8}.side.right .side-header{font-family:"Press Start 2P",monospace;letter-spacing:1.5px;text-transform:uppercase}.side.left .side-header{font-family:Orbitron,Montserrat,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}body{margin:0;padding:0;font-family:Arial,sans-serif;background:#181818}.container{display:flex;height:100vh;width:100vw}.side{flex:1;position:relative;z-index:1;height:100vh;min-height:0;min-width:0;overflow:hidden}.left{background:#181818;overflow:hidden}.left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/portfolio-pro-t6GIeTjp.png) center center/cover no-repeat;filter:blur(6px);transition:filter .5s;z-index:0}.left:hover:before{filter:blur(0px)}.right{background:#181818;overflow:hidden}.right:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/portfolio-game-B5nLVtql.png) center center/cover no-repeat;filter:blur(6px);transition:filter .5s;z-index:0}.right:hover:before{filter:blur(0px)}.divider{width:60px;display:flex;align-items:center;justify-content:center;position:relative}.animated-line{width:8px;height:75vh;background:#fff;border-radius:8px;position:relative}@media (max-width: 800px){.container{flex-direction:column}.side{height:40vh;min-height:200px;width:100vw}.divider{width:100vw;height:60px;min-height:40px}.animated-line{width:80vw;height:8px}.side-header{top:50%;left:0;transform:translateY(-50%);font-size:.9rem;padding:10px 8px;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .3s,box-shadow .3s,backdrop-filter .3s}.side.left:hover .side-header,.side.right:hover .side-header{background:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 12px #0007}.side-header h1{font-size:1.2rem}.side-header p{font-size:.7rem}}
