@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&family=Rubik+Bubbles&family=Rubik+Doodle+Shadow&family=Silkscreen&display=swap";@import"https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap";body,html{margin:0;background-color:#000}::-webkit-scrollbar{display:none}.temp{width:100vw;height:60vh;z-index:20}.main{width:100vw;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.cursor{background-color:transparent;border:2px solid white;height:50px;width:50px;border-radius:100%;transform-origin:100% 100%;transform:translate(-50%,-50%);position:fixed;pointer-events:none;z-index:200}.grow{width:200px;height:200px;background-color:#fff;mix-blend-mode:difference;transition:all .2s cubic-bezier(.075,.82,.165,1)}.hero_canvas{width:100vw;background-color:#000}.hero_main{position:relative;width:100vw;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center}.hero_head{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:none;background-color:#00000030}.hero_head img{width:200px;position:absolute;top:20px;left:20px;pointer-events:all}.scroll_help{width:100%;height:200px;position:absolute;bottom:0;left:0;pointer-events:all;background-color:transparent}.hero_head h3{font-family:Roboto,sans-serif;font-size:4vw;margin:0}.hero_head h2{font-family:Roboto,sans-serif;font-family:Silkscreen,sans-serif;font-size:7vw;margin:10px 0;pointer-events:all}.hero_head h1{font-family:Rubik Doodle Shadow,sans-serif;font-size:5.5vw;margin:0;pointer-events:all}@keyframes flicker-1{0%,to{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}.about_temp{position:relative;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:end}.hello_world{height:100px;width:100%;display:flex;align-items:center;justify-content:center;gap:200px}.hello_world h1{font-size:80px;color:#fff;font-family:Roboto,sans-serif;letter-spacing:40px}.about{position:absolute;top:-100px;width:500px;height:500px;background-color:gray;border-top-right-radius:50%;border-top-left-radius:50%;display:flex;align-items:center}.about_left{position:relative;height:100%}.self_1_img{position:absolute;width:400px;height:400px;top:8%;left:60px;z-index:3}.random_1{position:absolute;width:50px;height:50px;bottom:12%;left:350px;z-index:2}.random_2{position:absolute;width:200px;height:200px;top:12%;left:500px;z-index:2}.random_3{position:absolute;width:200px;height:200px;top:2%;left:10px;z-index:2}.random_4{position:absolute;width:100px;top:40%;left:450px;z-index:2}.random_5{position:absolute;width:100px;top:70%;rotate:110deg;left:50px;z-index:2}.about_square{position:absolute;width:400px;height:400px;top:10%;left:80px;border:4px solid black}.about_right{margin-left:50%;max-width:45%;display:flex;flex-direction:column;align-items:center}.about_right h1{color:#000;font-size:5.5vw;margin:10px 0}.about_right p{color:#000;font-weight:500;margin:10px 0 10px 60px;font-size:20px}.tech{position:relative;width:100vw;min-height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:100}.t{width:80%;height:80%;display:grid;grid-template-columns:auto auto auto auto;column-gap:30px;row-gap:30px}.tech h1{font-size:60px;color:#fff;margin:0}.top{position:absolute;width:100%;height:50%;top:0;left:0;background-color:gray;display:flex;flex-direction:column;align-items:center;overflow:hidden;z-index:30}.bottom{position:absolute;width:100%;height:50%;bottom:0;left:0;background-color:gray;display:flex;flex-direction:column;align-items:center;overflow:hidden;z-index:30}.top h1,.bottom h1{font-size:200px;color:#000;line-height:170px}.top-h,.bottom-h{font-family:Teko,sans-serif;position:absolute}.top-h{bottom:0%;transform:translateY(50%)}.bottom-h{top:0;transform:translateY(-50%)}.tech_cont{display:flex;align-items:center;background-color:#afeeee;background-color:#b8b2b2;gap:40px;padding:0 20px;border-radius:30px}.tech_cont p{font-size:30px;font-weight:700}.projects{width:100%;height:fit-content;background-color:#000;padding:0 100px;display:flex;flex-direction:column;align-items:center}Link{text-decoration:none}.projects_cont{width:90%}.projects h1{margin:0;font-size:100px;color:#fff;font-family:Roboto Slab,serif}.proj{position:relative;border-bottom:2px solid white;padding:60px 0;cursor:pointer}.proj h1{font-size:70px;color:gray;font-family:Mooli,sans-serif;transition:all cubic-bezier(.075,.82,.165,1) 1ms}.proj img{position:absolute;width:400px;opacity:0;z-index:10}.proj h1:hover{animation:h1Hover 1s forwards}@keyframes h1Hover{to{transform:translate(60px);font-size:68px;color:#322d31}}.connect_main{width:100vw;height:100vh;padding-top:100px;display:flex}.connect_left{width:40%;height:100%;display:flex;flex-direction:column;justify-content:end;color:#fff}.connect_left h2{font-size:130px;font-family:Fjalla One,sans-serif;margin:0}.connect_left h1{font-size:160px;font-family:Fjalla One,sans-serif;margin:0}.connect_right{width:60%;height:100%}.connect_form{width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.connect_form input,textarea{height:100px;width:80%;font-size:30px;color:#fff;background-color:transparent;border:none;border-bottom:2px solid white}.connect_form textarea{height:150px;font-size:30px}.connect_form button{width:80%;height:40px;background-color:#fff;color:#000;border:none;cursor:pointer;transition:all .6s ease-in;font-size:30px}.connect_form button:hover{background-color:#888487}.footer{width:100%;height:20%;border-top:2px solid white;display:flex;align-items:center;justify-content:start;gap:40px}.footer a{font-size:20px;color:#fff;text-decoration:none;transition:all .6s ease-in}.footer a:hover{color:#888487}@media screen and (max-width: 768px){.hero_main{width:100vw}.about{width:300px;height:300px;flex-direction:column}.hello_world{height:100px;width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.hello_world h1{font-size:55px;color:#fff;font-family:Roboto,sans-serif;letter-spacing:-5px}.about_left{height:50%}.self_1_img{width:200px;height:200px;top:40px;left:-150px}.about_square{width:200px;height:200px;top:50px;left:-140px}.random_1{width:30px;height:30px;bottom:100px;left:-150px}.random_2{width:50px;height:50px;top:40px;left:60px}.random_3{width:50px;height:50px;top:8px;left:-170px}.random_4{width:50px;top:150px;left:50px}.random_5{width:50px;top:250px;rotate:110deg;left:-130px}.about_right{margin-left:0;margin-top:0;max-width:95%}.about_right h1{font-size:40px;margin:10px 0}.about_right p{font-weight:700;margin:0;text-align:center;font-size:12px}.tech{display:flex;align-items:center;justify-content:center}.t{width:90%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.tech h1{font-size:60px;color:#fff;margin:0}.top h1,.bottom h1{font-size:80px;color:#000;line-height:65px}.tech_cont{width:100px;height:50px;gap:10px;padding:0 10px}.tech_cont p{font-size:15px}.projects{padding:0}.projects_cont{width:90%}.projects h1{margin:0;font-size:60px;color:#fff;font-family:Roboto Slab,serif}.proj{position:relative;border-bottom:2px solid white;padding:30px 0;cursor:pointer}.proj h1{font-size:35px;color:gray;padding:10px 0}.proj img{width:250px}.proj h1:hover{animation:none}.connect_main{width:100vw;height:100vh;padding-top:100px;display:flex;flex-direction:column}.connect_left{width:100%;height:40%;display:flex;flex-direction:column;justify-content:end;color:#fff}.connect_left h2{font-size:70px}.connect_left h1{font-size:80px}.connect_right{width:100%;height:100%}.connect_form{width:100%;height:90%;gap:20px}.connect_form input,textarea{height:50px;width:80%;font-size:15px}.connect_form textarea{height:70px;font-size:15px}.connect_form button{width:80%;height:30px;font-size:20px}.footer{width:100%;height:10%;justify-content:center;gap:30px}.footer a{font-size:10px}}.project_main{background-color:#1d1d20;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.project_cont{position:relative;width:90%;height:90%;display:flex;align-items:center;justify-content:space-evenly}.project_cont:before{content:"";width:100px;height:100px;border-top:4px solid white;border-left:4px solid white;position:absolute;top:0;left:0}.project_cont:after{content:"";width:100px;height:100px;border-bottom:4px solid white;border-right:4px solid white;position:absolute;bottom:0;right:0}.project_left{max-width:50%;color:#f0f8ff}.project_right{max-width:40%}.project_right img{width:100%;border-radius:10px}.project_left h1{font-size:35px}.project_left>div{padding:0 20px;border-left:2px solid white;font-size:20px}.project_left>div>div button{background-color:transparent;border:none;color:#f0f8ff;font-size:20px;border-bottom:1px solid white;margin:0 10px;cursor:pointer}@media screen and (max-width: 768px){.project_cont{flex-direction:column-reverse;align-items:center;justify-content:center}.project_cont:before{content:"";width:100px;height:100px;border-top:4px solid white;border-left:4px solid white;position:absolute;top:0;left:0}.project_cont:after{content:"";width:100px;height:100px;border-bottom:4px solid white;border-right:4px solid white;position:absolute;bottom:0;right:0}.project_left,.project_right{max-width:90%}.project_left h1{font-size:20px}.project_left>div{font-size:15px}}