@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}p{line-height:30px}div.scroll{margin:4px,4px;padding:4px;width:auto;height:auto;overflow-x:hidden;overflow-y:auto;text-align:justify}:root{--sidebar-flex:1.5;--condiv-flex:6;--fontsize-p:1.1rem;--fontsize-nav:1.2rem;--typing-font:1.8rem}*{margin:0;padding:0}body{font-family:"Raleway";background:#dde1e7}.App{display:flex;width:100vw;min-height:100vh}nav{width:20%;height:90%;position:absolute;top:4%;left:4%;background:#dde1e7;border-radius:30px;padding:0;line-height:1;text-align:center}.neu1,nav{box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288)}.neu1{width:180px;height:180px;margin:10px}.neu1,.neu2{border-radius:50%}.neu2{position:absolute;top:2%;left:12%;width:200px;height:200px;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.home{display:flex;justify-content:center;flex-direction:column;align-items:center}.profilepic{border-radius:50%;width:160px;margin:10px}.typingeffect{font-size:1.8rem;font-size:var(--typing-font);margin-bottom:30px;color:#6c757d}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;color:#969696!important}nav ul li{margin:15px;padding:11px;border-radius:50px;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288)}nav ul li:hover{box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}a{text-decoration:none}p{font-size:1.1rem;font-size:var(--fontsize-p);color:#88939b;margin:10px}ul{list-style-type:none}h1{margin:10px;font-size:3.3rem}h1,h2{color:#545c6f}h2{margin-top:90%;font-size:1.8rem}h3{font-size:1.4rem;margin:37px 0 0 90px}h3,h4{color:#545c6f}h4{font-size:1.2rem;margin:16px 0 0 90px}.p1{margin-left:90px;font-size:1rem}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;border-radius:5px;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.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:#31cc62;width:30px;height:5px;border-radius:5px;margin:7px}.vr_line{height:300px;position:absolute;top:auto;left:6.25%;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.vr_inner,.vr_line{width:10px;border-radius:5px}.vr_inner{height:15px;background:linear-gradient(120deg,#31cc62,#31cc62)}.inn1{margin-top:45px}.inn2{margin-top:95px}.social{width:50%;height:14%;position:absolute;bottom:4%;right:25%;border-radius:5px;display:flex;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.btnsame,.social{background:#dde1e7;justify-content:center;align-items:center}.btnsame{height:50px;width:50px;margin:15px 20px;border-radius:5px;cursor:pointer;transition:all .4s;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288);border:1px solid hsla(0,0%,100%,.3);position:relative}.btnsame i{font-size:28px;transition:all .4s;position:absolute;top:20%;left:25%;color:#6c757d}.btn1:hover i{color:#43de85}.btn2:hover i{color:#08e}.btn3:hover i{color:#3b5998}.btn4:hover i{color:#e64}.active{color:#08e;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288);font-weight:bolder}.port_out{height:250px;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.port_in,.port_out{position:relative;width:400px;border-radius:10px}.port_in{height:200px;margin:50px 0 0 50px;left:5%;float:left;display:table;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288)}.port_in:hover{transform:scale(1.1)}.po1{width:96%;height:93%;margin:10px;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%;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.con_in,.con_out{border-radius:10px}.con_in{width:98%;height:90.5%;margin:8px;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288)}.co1{width:100%;height:100%;border-radius:10px}.back1{width:50px;height:50px;position:absolute;top:4%;right:2%;background:#dde1e7;border-radius:25px;font-size:22px;cursor:pointer;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288)}.back1:hover{box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.i1{position:absolute;top:13px;left:15px}.i2{color:#6c757d}.i3{color:#f56c6d}.i4{color:#31cc62}.back2{top:auto;left:4%;z-index:1}.back3{width:210px;height:25px;padding:8px 0;position:absolute;top:54%;left:22%;background:#f56c6d;border-radius:15px;font-size:20px;text-align:center;cursor:pointer;color:#ffe6e6;font-weight:500;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px #ffc0c0}.back3:hover{box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.back4{left:56%}.back5{background:#fa807d}.back6{margin-top:20px;margin-left:5px}.navItem{font-weight:500;color:#545c6f}@media (max-width:500px){: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{margin-top:70%;font-size:2rem}p{font-size:1.2rem}.condiv{top:110%;width:85%;height:100%;margin-bottom:50px}h1{text-align:center;font-size:2.8rem}.back2{top:27%}.vr_line{top:30.5%;left:10.5%}h3{margin-top:25px}.subtopic{margin:10px!important}.con_out{width:88%;height:20%}.con_in{width:94%;height:86%}.back3{top:44%;left:19%}.back4{top:54%;left:19%}.line2{margin:1px 120px}.inner2{margin:15px 0 0}.port_out{width:80%;height:26%}.port_in{position:relative;width:290px;height:100px;margin:50px 20px 0;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288)}.po1,.port_in{border-radius:10px}.po1{width:96%;height:93%}.social{width:90%;bottom:5%;right:5%}.btnsame{margin:15px 10px}.navItem{font-weight:500;color:#545c6f}}.about{--sidebar-flex:1.5;--condiv-flex:6;--fontsize-p:1.1rem;--fontsize-nav:1.2rem;--typing-font:1.8rem}.condiv{overflow-y:scroll;width:67%;height:90%;position:absolute;top:4%;left:28%;border-radius:30px;line-height:1;padding-left:10px;padding-right:10px;background:#dde1e7;box-shadow:-3px -3px 7px hsla(0,0%,100%,.45),3px 3px 5px rgba(18,18,19,.288)}.condiv>h3{font-size:1.4rem;margin:30px 0 0 16px;color:#535b6e}.sk_head{position:relative}.sk{top:55%;margin:30px 0 0 30px;display:inline-block;width:90px;height:15px;font-weight:bolder;color:#31cc62;text-align:center;padding:10px;border-radius:50px;box-shadow:inset -3px -3px 7px hsla(0,0%,100%,.45),inset 3px 3px 5px rgba(18,18,19,.288)}.p10{font-size:large}.about_name{margin:35px 10px;font-size:2.3rem}.subhead>p{font-size:1.1rem;color:#88939b}.subtopic{margin:20px 10px 10px 15px;font-size:1.6rem;color:#6c757d}.table{margin-bottom:30px}.p10>a{color:#868f97}@media (max-width:500px){.condiv{top:110%;left:5%;width:84.5%;height:100%;margin-bottom:50px}.condiv>h3{font-size:1.2rem;margin:30px 0 0 16px;color:#535b6e}.sk_head{position:relative}.sk{top:55%;left:10%}.p10{font-size:medium}.about_name{margin:35px 10px;font-size:2rem}.condiv>p{font-size:1.2rem;color:#88939b}.subtopic{margin:10px 0 0!important}.table{margin-bottom:30px}}
/*# sourceMappingURL=main.d82b32ec.chunk.css.map */