.call-to-action{height:min-content;max-width:var(--max-width);flex-flow:column;flex:none;place-content:start center;align-items:start;width:100%;margin:auto;padding:38px;display:flex;overflow:visible}.call-to-action h1{font-size:48px}.call-to-action p{color:var(--text-color-second);font-size:40px}.call-to-action p a{color:inherit;font-size:inherit;text-decoration:none}@media only screen and (width<=1200px){.call-to-action h1{font-size:40px}.call-to-action p{font-size:30px}}@media only screen and (width<=810px){.call-to-action{padding:20px}.call-to-action h1{font-size:30px}.call-to-action p{font-size:24px}}@media only screen and (width<=280px){.call-to-action h1{font-size:10vw}.call-to-action p{font-size:7vw}}.logo{flex:.1 0 0}.logo img{object-fit:cover;width:20%;min-width:150px;height:auto}@media only screen and (width<=280px){.logo img{min-width:100px}}.main-header{width:100%;max-width:var(--max-width);flex-wrap:nowrap;justify-content:space-between;height:min-content;margin:auto;padding:30px 40px;display:flex}.navbar ul{gap:20px;padding:0;display:flex}.navbar ul li{list-style:none}.navbar ul li a{color:inherit;font-size:24px;text-decoration:none}.navbar ul li:hover{color:var(--text-color-second)}.button-icon.menu-icon{display:none;position:absolute;right:20px}@media only screen and (width<=810px){.main-header{z-index:100;flex-direction:column;gap:60px;padding:20px 20px 0}.navbar{opacity:0;visibility:hidden;transform-origin:50% 50% 0px;animation:.5s ease-in UpToDown}.main-header.open{background-color:var(--main-background-color);animation:.5s ease-in alternate menuReveal}.navbar.open{visibility:visible;opacity:1;transition:all .5s ease-in-out}.navbar ul{flex-direction:column}.button-icon.menu-icon{display:block}}@keyframes menuReveal{0%{background-color:#fff0}to{background-color:var(--main-background-color)}}@keyframes UpToDown{0%{transform:translateY(-140px)scale(1.5)}to{transform:none}}.button-icon{background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.button-icon img{width:100%;height:100%}.hero-container{width:100%;height:calc(100% - 10px);max-width:var(--max-width);z-index:10;flex:1.3 0 0;margin:auto auto 0;position:relative}.hero-item{justify-content:space-between;align-items:center;gap:0;padding:40px 40px 0;display:flex;position:absolute;bottom:400px;left:0;right:0}.hero-title{flex:1.3 0 0}.italic-text{font-size:inherit;font-style:italic;font-weight:inherit}.hero-description{color:var(--text-color-second);flex:1 0 0;max-width:660px;height:100%;line-height:1.4em}.hero-desc-container{flex-direction:column;gap:30px;display:flex}.hero-desc-container ul{gap:15px;padding:0;list-style:none;display:flex}.hero-desc-container ul li:hover a{color:var(--text-color-second)}.hero-desc-container ul li a{font-size:24px}@media only screen and (width<=810px){.hero-container{height:fit-content}.hero-item{position:unset;flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.hero-desc-container ul li a{font-size:20px}.hero-desc-container ul li:hover a{color:inherit}}@media only screen and (width<=280px){.hero-container{margin-bottom:50px}.hero-item{position:unset;padding-bottom:0}.hero-title h1{font-size:10vw}.hero-description p,.hero-desc-container ul li a{font-size:7vw}}body{margin:0;overflow:hidden}.background{pointer-events:none;width:100vw;height:80vh}.background span{backface-visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:20vmin;width:20vmin;height:20vmin;animation-name:move;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.background span:first-child{color:#29e5ab;transform-origin:2vw 25vh;animation-duration:30.8s;animation-delay:-2.4s;top:30%;left:15%;box-shadow:-40vmin 0 13.6412vmin}.background span:nth-child(2){color:#3363f2;transform-origin:12vw -23vh;animation-duration:42.4s;animation-delay:-13.7s;top:57%;left:8%;box-shadow:-40vmin 0 8.85757vmin}.background span:nth-child(3){color:#103a9d;transform-origin:20vw -20vh;animation-duration:70s;animation-delay:-6.5s;top:16%;left:22%;box-shadow:-40vmin 0 11.1509vmin}.background span:nth-child(4){color:#ab63fa;transform-origin:-16vw 18vh;animation-duration:29.8s;animation-delay:-9s;top:20%;left:94%;box-shadow:-40vmin 0 5.23226vmin}.background span:nth-child(5){color:#29e5ab;transform-origin:-13vw -16vh;animation-duration:24.8s;animation-delay:-9.2s;top:31%;left:85%;box-shadow:40vmin 0 13.8163vmin}.background span:nth-child(6){color:#ab63fa;transform-origin:-15vw -11vh;animation-duration:19.4s;animation-delay:-2.2s;top:23%;left:35%;box-shadow:-40vmin 0 12.3948vmin}.background span:nth-child(7){color:#29e5ab;transform-origin:-7vw 4vh;animation-duration:17.4s;animation-delay:-10.5s;top:33%;left:94%;box-shadow:40vmin 0 6.13006vmin}.background span:nth-child(8){color:#ab63fa;transform-origin:24vw -19vh;animation-duration:14.1s;animation-delay:-1.5s;top:25%;left:50%;box-shadow:40vmin 0 8.86581vmin}.background span:nth-child(9){color:#29e5ab;transform-origin:19vw -10vh;animation-duration:19.6s;animation-delay:-8.8s;top:43%;left:75%;box-shadow:40vmin 0 14.0887vmin}.background span:nth-child(10){color:#ab63fa;transform-origin:20vw 7vh;animation-duration:25.1s;animation-delay:-6.4s;top:93%;left:39%;box-shadow:40vmin 0 7.30205vmin}.background span:nth-child(11){color:#29e5ab;transform-origin:-9vw 16vh;animation-duration:18.2s;animation-delay:-10.5s;top:71%;left:63%;box-shadow:40vmin 0 7.12317vmin}.background span:nth-child(12){color:#29e5ab;transform-origin:2vw 15vh;animation-duration:19.5s;animation-delay:-14.1s;top:67%;left:39%;box-shadow:-40vmin 0 5.89507vmin}.background span:nth-child(13){color:#ab63fa;transform-origin:-14vw -12vh;animation-duration:21s;animation-delay:-9.4s;top:81%;left:64%;box-shadow:-40vmin 0 12.8913vmin}.background span:nth-child(14){color:#ab63fa;transform-origin:15vw 1vh;animation-duration:18.3s;animation-delay:-4.6s;top:1dvb;left:42%;box-shadow:40vmin 0 10.8779vmin}.background span:nth-child(15){color:#583c87;transform-origin:14vw -16vh;animation-duration:14.7s;animation-delay:-14.1s;top:23%;left:36%;box-shadow:-40vmin 0 6.43549vmin}.background span:nth-child(16){color:#583c87;transform-origin:-15vw 0;animation-duration:18.9s;animation-delay:-3.4s;top:39%;left:53%;box-shadow:40vmin 0 10.9118vmin}.background span:nth-child(17){color:#ab63fa;transform-origin:7vw 24vh;animation-duration:17.4s;animation-delay:-11.7s;top:7%;left:85%;box-shadow:40vmin 0 12.8027vmin}.background span:nth-child(18){color:#ab63fa;transform-origin:-1vw -12vh;animation-duration:15s;animation-delay:-6.3s;top:35%;left:27%;box-shadow:-40vmin 0 11.5256vmin}.background span:nth-child(19){color:#29e5ab;transform-origin:-7vw 14vh;animation-duration:14.3s;animation-delay:-4.7s;top:15%;left:51%;box-shadow:40vmin 0 7.38993vmin}.background span:nth-child(20){color:#ab63fa;transform-origin:22vw -7vh;animation-duration:19.7s;animation-delay:-1.4s;top:27%;left:3%;box-shadow:40vmin 0 6.99364vmin}@keyframes move{to{transform:translateZ(1px)rotate(360deg)}}@media only screen and (width<=810px){.background{width:auto;height:auto;position:absolute;inset:0}}.item-portfolio-container{cursor:pointer;flex-wrap:nowrap;justify-content:center;gap:80px;width:100%;display:flex}.item-portfolio-container:hover .item-portfolio-title button{opacity:1;animation:.5s ease-in-out fadein_opacity}.item-portfolio-container:hover .item-portfolio-title{gap:6px;animation:.5s ease-in-out fadein_gap}.item-portfolio-title{align-items:center;gap:0;display:flex}.item-portfolio-title button{opacity:0}.item-portfolio-title h1{font-size:32px}.item-portfolio-details{flex-direction:column;flex:1.3 0 0;gap:10px;max-width:660px;display:flex}.item-portfolio-details p{color:var(--text-color-second);font-size:32px}.item-portfolio-img{aspect-ratio:1.5;filter:brightness();border-radius:10px;flex:1 0 0;max-width:660px;height:auto}.item-portfolio-container:hover .item-portfolio-img{filter:brightness(.5);animation:.5s ease-in-out imgFilter}.item-portfolio-img img{object-fit:cover;border-radius:inherit;width:100%;height:100%}@keyframes fadein_opacity{0%{opacity:0}to{opacity:1}}@keyframes fadein_gap{0%{gap:0}to{gap:6px}}@keyframes imgFilter{0%{filter:brightness()}to{filter:brightness(.5)}}@media only screen and (width<=1200px){.item-portfolio-title h1{font-size:38px}.item-portfolio-details p{font-size:24px}.item-portfolio-container{flex-direction:column;gap:40px}.item-portfolio-img{max-width:unset;width:100%}}@media only screen and (width<=810px){.item-portfolio-title h1{font-size:30px}.item-portfolio-details p{font-size:20px}.item-portfolio-container{pointer-events:none}}@media only screen and (width<=280px){.item-portfolio-title h1{font-size:10vw}.item-portfolio-details p{font-size:7vw}}.portfolio-section-container{height:min-content;max-width:var(--max-width);flex-flow:column;flex:none;place-content:center;align-items:center;gap:40px;width:100%;margin:0 auto 100px;padding:0 40px;display:flex}@media only screen and (width<=810px){.portfolio-section-container{padding:20px}}.switch{z-index:10;width:60px;height:34px;display:inline-block;position:fixed;bottom:1.5rem;right:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--background-footer);border-radius:34px;justify-content:center;align-items:center;gap:.4rem;transition:all .4s;display:flex;position:absolute;inset:0}.slider:before{content:"";background-color:#fbee3a;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}.slider svg{z-index:10}input:checked+.slider:before{background-color:#303064;transform:translate(26px)}:root{--main-background-color:#fff;--text-color-main:#000;--text-color-second:#0009;--background-footer:#fff;--sun-svg-fill:black;--moon-svg-fill:gray;--max-width:1400px}[data-theme=dark]{--main-background-color:#000;--text-color-main:#fff;--text-color-second:#fff9;--background-footer:#191919;--sun-svg-fill:gray;--moon-svg-fill:white}*{box-sizing:border-box;color:var(--text-color-main);margin:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;text-decoration:none}#root{height:100%}body,html{width:100%;height:100%}h1{font-size:48px;font-weight:400}p{color:inherit;font-size:24px;line-height:1.4em}body{background-size:cover;overflow-y:scroll}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}.app{background-color:var(--main-background-color);transition:background-color .5s ease-in}body.dark{background-color:#000}@media only screen and (width<=1200px){h1{font-size:40px}p{font-size:20px}}@media only screen and (width<=810px){h1{font-size:30px}}