body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,DM Sans,Nunito,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-optical-sizing:auto;font-size:90%;font-style:normal;font-weight:300;margin:0}code{font-family:DM Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-user-select:none;user-select:none}body,html{box-sizing:border-box;height:100vh;margin:0;padding:0;touch-action:none;width:100vw}body,html{overflow:hidden}body{background-color:#000}h1,h2{font-weight:600}h3,h4{font-weight:500}h5,h6{font-weight:400}h1{font-size:1.8em}h2{font-size:1.35em}h3{font-size:1.053em}h4{font-size:1.08em}h5{font-size:.9em}h6{font-size:.81em}@keyframes dots{0%{content:""}50%{content:"."}to{content:".."}}.dot-animation:after{animation:dots 1s steps(3) infinite;content:"";display:inline-block;width:1em}.light-off,.light-on{background-color:#000;color:#fff}.gradient-bg{background:radial-gradient(circle at center,#000 0,#0d0d0d 60%,#262626 100%);height:100vh;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 1.6s ease-in-out;z-index:0}#App{align-items:center;background-color:#000;display:flex;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;transition:background-color 1.6s ease-in-out,color 1.6s ease-in-out;width:100vw}#App.light-on .gradient-bg{opacity:1;transition:opacity 1.6s ease-in-out}#App.light-off .gradient-bg{opacity:0}#App.light-off .gradient-bg,.fade-in-bg .gradient-bg,.fade-out-bg .gradient-bg{transition:opacity 1.6s ease-in-out}#canvas-container{height:100vh;transform:translate(-33.333%,-8.333%);width:100vw}@media only screen and (max-width:900px){#canvas-container{transform:translate(0)}}#canvas{height:150vh;margin:0;opacity:0;padding:0;transition:opacity 1s ease;width:133.333vw;z-index:1}#content{align-items:center;background-image:linear-gradient(90deg,#0000 0,#00000080 50%,#000000bf);display:flex;height:100vh;margin:0;position:absolute;right:0;width:33.333vw;z-index:2}#contentelement{text-align:center;width:29.999vw}#buttons #light{margin:10px auto}@media only screen and (max-width:900px){#App{display:block;position:relative}#canvas{height:100vh;margin-top:0}#canvas,#content{margin-left:0;width:100vw}#content{background-image:linear-gradient(180deg,#0000 0,#00000080 50%,#000000bf);bottom:0;height:33.333vh;left:0;margin-top:20px;padding:0;position:absolute;transform:translateY(0);-ms-transform:translateY(0);z-index:2}#contentelement{text-align:center;width:100vw}#content h1,#content p{margin:10px auto;max-width:calc(100vw - 2vh)}.nav-buttons{display:flex;justify-content:center}#buttons{margin:0 auto;width:fit-content}#buttons #light{margin:10px auto}}#loading0{font-weight:200;left:50%;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease;z-index:10}#loading0.fade-out{opacity:0;pointer-events:none}#loading{font-weight:200;left:50%;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease;z-index:-1}#loading.fade-out{opacity:0;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp 1s ease forwards;opacity:0}@keyframes fadeInDelayed{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fadeindelayed{animation:fadeInDelayed 1s ease .25s forwards;opacity:0}.portfolio{display:flex;margin:30px 0}.porto{height:100px;margin:0 5px;width:400px}#content h1{font-size:1.8em}#content p{font-size:1em}.nav-buttons{display:flex;justify-content:center}.light-on button{background-color:initial;color:#fff}#balik{font-weight:200}#balik:hover{font-weight:300}.light-on #light{font-size:79.5%;font-weight:200;opacity:66.66%}.light-on #light:hover{font-weight:400;opacity:83.72%}.material-symbols-outlined{font-size:1rem;font-weight:200}button{align-items:center;border:1px solid #fff;border-radius:100px;cursor:pointer;display:flex;font-weight:300;justify-content:center;margin-top:10px;padding:5px 10px}button:hover{background-color:#000;color:#fff;font-weight:400;opacity:100%}button:disabled,button:hover:disabled{background-color:#fff;color:#000;cursor:context-menu;opacity:33.33%}.light-on button:hover{background-color:#fff;color:#000;font-weight:400;opacity:100%}.light-on button:disabled,button:hover:disabled{background-color:#000;color:#fff;cursor:context-menu;opacity:33.33%}.html-iframe{background:#0000;border:none;box-shadow:inset 0 0 30px 5px #0000004d,0 0 16px 1px #0003,0 0 32px 9px #0000001a;margin-left:0;margin-top:0;outline:none;transform:translate(0)}@media only screen and (max-width:900px){.html-iframe{margin-left:0;margin-top:0;transform:translate(0)}}.scrollable-hidden{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.scrollable-hidden::-webkit-scrollbar{display:none}.html-iframe iframe,.html-iframe img{background:#0000;border:none;border-radius:0;display:block;height:100%;outline:none;transition:opacity .6s ease-in-out;width:100%}.html-iframe img{z-index:0}.html-iframe iframe{z-index:1}
/*# sourceMappingURL=main.73f8cd34.css.map*/