@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--sidebar-flex:1.5;--condiv-flex:6;--fontsize-p:1.2rem;--fontsize-nav:1.2rem;--typing-font:1.8rem}*{margin:0;padding:0}body{font-family:"Raleway";background:linear-gradient(#ff758c,#764ba2)}.App{display:flex;width:100vw;min-height:100vh}.glass{background:hsla(0,0%,100%,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px}nav{width:20%;left:4%;padding:0;text-align:center}.condiv,nav{height:90%;position:absolute;top:4%;line-height:1}.condiv{width:60%;left:28%;padding-left:10px;padding-right:10px;background:hsla(0,0%,100%,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px}.home{display:flex;justify-content:center;flex-direction:column;align-items:center}.profilepic{border-radius:50%;width:160px;margin:30px;opacity:1px}.typingeffect{font-size:1.8rem;font-size:var(--typing-font);margin-bottom:30px;color:hsla(0,0%,100%,.75)}nav ul{position:absolute;bottom:2%;left:5%;width:90%;font-size:1.2rem;font-size:var(--fontsize-nav);text-align:center;list-style-type:none;text-decoration:none}nav ul li{margin:15px;padding:11px;border-radius:10px;color:#fff}nav ul li:hover{background-color:hsla(0,0%,100%,.5)}a{text-decoration:none}.subtopic{margin:10px 10px 10px 15px;font-size:1.6rem}p{font-size:1.2rem;font-size:var(--fontsize-p);color:hsla(0,0%,100%,.75)}h1,p{margin:10px}h1{font-size:3.3rem}h2{font-size:2rem}.abouthead{margin:15px 10px;font-size:2.3rem}h3{font-size:1.4rem;margin:37px 0 0 90px}h4{font-size:1.2rem;margin:24px 0 0 90px}.p1{margin-left:90px;font-size:1rem}.sk_head{top:50%;left:45%}.sk,.sk_head{position:absolute}.sk{top:65%;left:58%;display:inline-block;width:90px;height:15px;font-weight:bolder;color:#f56c6d;text-align:center;padding:10px}.sk:hover{background-color:hsla(0,0%,100%,.5)}.s2{left:75%}.s3{top:75%;left:58%}.s4{top:75%;left:75%}.s5{top:85%;left:58%}.s6{top:85%;left:75%}mark{color:inherit;padding:0;background:0 0;background-position-x:0;background-position-y:0;background-repeat:repeat;background-size:auto;background-image:linear-gradient(120deg,#f56c6d,#f56c6d);background-repeat:no-repeat;background-size:100% .28em;background-position:0 70%;position:relative}.hr_line{width:60px;height:10px}.hr_inner{width:30px;height:5px;border-radius:5px;margin:2.5px 15px;background:linear-gradient(120deg,#f56c6d,#f56c6d)}.line2{margin:1px 25px;height:5px}.inner2{background:#f56c6d;width:30px;height:5px;border-radius:5px;margin:7px 7px 7px 15px}.vr_line{width:10px;height:210px;position:absolute;top:58%;left:6.25%}.vr_inner{width:10px;height:15px;border-radius:5px;background:linear-gradient(120deg,#f56c6d,#f56c6d)}.inn1{margin-top:45px}.inn2{margin-top:80px}.social{width:50%;height:14%;position:absolute;bottom:4%;right:25%;display:flex}.btnsame,.social{justify-content:center;align-items:center}.btnsame{height:50px;width:50px;margin:15px 20px;border-radius:5px;cursor:pointer;transition:all .4s;position:relative}.btnsame i{font-size:28px;transition:all .4s;position:absolute;top:20%;left:25%}.btn1 i{color:#4078c0}.btn2 i{color:#00acee}.btn3 i{color:#0077b5}.btn4 i{color:#bc2a8d}.active,.btnsame:hover{background-color:hsla(0,0%,100%,.5)}.active{font-weight:bolder}.port_out{position:absolute;width:38%;height:30%}.port_out:hover{background-color:hsla(0,0%,100%,.5)}.port1{top:18%;left:10%}.port2{top:18%;left:53%}.port3{top:58%;left:10%}.port4{top:58%;left:53%}.po1{width:96%;height:93%;margin:2%;border-radius:10px}.line3{position:absolute;top:70%;left:45%}.inner3{margin:3px 15px;background:#f56c6d;width:30px;height:5px;border-radius:5px}.con_out{position:absolute;width:88%;top:13%;left:6%}.con_out:hover{background-color:hsla(0,0%,100%,.5)}.co1{width:99%;height:99%;border-radius:10px;padding:5px}.back1{width:50px;height:50px;position:absolute;top:4%;right:2%;font-size:22px;cursor:pointer}.back1:hover{background-color:hsla(0,0%,100%,.5)}.i1{position:absolute;top:13px;left:15px}.i2{color:hsla(0,0%,100%,.75);padding-right:10px}.i3{color:#f56c6d}.back2{top:55%;left:4%;z-index:1;background-color:hsla(0,0%,100%,.75);border-radius:10px}.back3{width:210px;height:25px;padding:12px 0;position:absolute;top:54%;left:22%;color:#000;font-size:22px;text-align:center;cursor:pointer}.back3:hover{background-color:rgba(245,108,109,.5)}.back4{left:56%}@media (max-width:450px){:root{--fontsize-nav:1.2rem;--sidebar-flex:0;--typing-font:1.4rem}body{height:1400px}.App{flex-direction:column}.sidebar{padding:30px}.back1{right:5%}nav{width:90%;top:15%;left:5%}nav ul li{margin:10px}.neu2{top:5%;left:19%}h2{font-size:2.2rem}p{font-size:1.4rem}.condiv{top:110%;left:5%;width:84.5%;height:100%;margin-bottom:50px}h1{text-align:center;font-size:2.8rem}.p10{display:none}.back2{top:27%}.vr_line{top:30.5%;left:10.5%}h3{margin-top:25px}.sk_head{left:0;top:65%;margin-left:30px}.sk{top:74%;left:10%}.s2{left:50%}.s3,.s4{top:82%}.s4{left:50%}.s5,.s6{top:90%}.s6{left:50%}.subtopic{margin:10px!important}.con_out{width:88%;height:20%}.con_in{width:94%;height:88%}.back3{top:44%;left:19%}.back4{top:54%;left:19%}.line2{margin:1px 120px}.inner2{margin:15px}.port_out{width:80%;height:26%}.port1{top:12%}.port2{left:10%;top:42%}.port3{display:none}.port4{top:72%;left:10%}.social{width:90%;bottom:5%;right:5%}.btnsame{margin:15px 10px}}
/*# sourceMappingURL=main.11e087c4.chunk.css.map */