body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation:colorChange 30s ease infinite forwards;animation:colorChange 30s ease infinite forwards;background-color:#6501fe;background-repeat:no-repeat;background-size:contain;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;overflow-x:hidden;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Welcome{-webkit-animation:floatAndAppear 2s ease-out;animation:floatAndAppear 2s ease-out;color:#000;font-family:serif;font-size:30pt;margin-left:20pt}@-webkit-keyframes floatAndAppear{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.myname{color:#faebd7;font-size:56pt;margin-left:27pt}.mydesc,.myname{-webkit-animation:floatAndAppear 2s ease-out;animation:floatAndAppear 2s ease-out;font-family:monospace}.mydesc{color:#000;font-size:18pt}@keyframes floatAndAppear{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.quote{-webkit-animation:floatAndAppear 2s ease-out;animation:floatAndAppear 2s ease-out;color:#a4ca18;font-family:none;font-size:18pt;font-style:italic;margin-left:25pt;margin-top:4pt}.profilepic{-webkit-animation:profilepic-animation 3s ease-out;animation:profilepic-animation 3s ease-out;border-radius:1000px;margin-top:120pt;max-height:230pt;max-width:240pt;position:absolute;right:20px;z-index:-1}@-webkit-keyframes profilepic-animation{0%{opacity:0}to{opacity:1}0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes profilepic-animation{0%{opacity:0}to{opacity:1}0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.about-me-button{-webkit-animation:about-me-button 3s ease-out;animation:about-me-button 3s ease-out;background-color:#114d81;border:thick groove #000;border-radius:3pt;color:#fcfee2;cursor:pointer;font-size:xxx-large;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:430pt;margin-top:-100pt;position:absolute;width:150pt}@-webkit-keyframes about-me-button{0%{opacity:0}to{opacity:1}}@keyframes about-me-button{0%{opacity:0}to{opacity:1}}.tutorial-pointer{-webkit-animation:tutorial-pointer 5s ease-out;animation:tutorial-pointer 5s ease-out;height:50pt;margin-left:547pt;margin-top:-34pt;position:absolute}@-webkit-keyframes tutorial-pointer{0%{opacity:0}70%{opacity:0}to{opacity:100%}0%{-webkit-transform:translateY(30pt);transform:translateY(30pt)}to{-webkit-transform:translateY(0);transform:translateY(0);0%{-webkit-transform:translateX(130pt);transform:translateX(130pt)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}@keyframes tutorial-pointer{0%{opacity:0}70%{opacity:0}to{opacity:100%}0%{-webkit-transform:translateY(30pt);transform:translateY(30pt)}to{-webkit-transform:translateY(0);transform:translateY(0);0%{-webkit-transform:translateX(130pt);transform:translateX(130pt)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}.About{border:solid}.desktop_view{display:none;text-align:end}.Intro1,.Intro2,.Intro3,.Intro4{background-color:#6501fe;border:inset;border-color:#fff;border-radius:0;color:#fff9f9;display:block;height:50px;margin:0;max-width:900px;padding:5pt}.Intro1-show,.Intro2-show,.Intro3-show,.Intro4-show{display:block;font-family:serif;font-size:19pt;font-weight:550;margin:auto}.Intro1-hide,.Intro1-show,.Intro2-hide,.Intro2-show,.Intro3-hide,.Intro3-show,.Intro4-hide,.Intro4-show{-webkit-animation:fadeIn 1s ease-in-out forwards;animation:fadeIn 1s ease-in-out forwards;position:relative}.Intro1-hide,.Intro2-hide,.Intro3-hide,.Intro4-hide{color:#000;display:none;font-family:sans-serif;font-size:20pt;text-align:center}.Intro4-hide{-webkit-animation:fadeIn 1s ease-in-out forwards;animation:fadeIn 1s ease-in-out forwards;color:#000;display:none;font-family:sans-serif;font-size:15pt;position:relative;text-align:center}.Intro1-hide,.Intro2-hide,.Intro3-hide,.Intro4-hide:hover{color:#6501fe}.Intro1:hover .Intro1-hide{cursor:pointer;display:block}.Intro1:hover,.Intro2:hover,.Intro3:hover,.Intro4:hover{cursor:pointer}.Intro1:hover,.Intro2:hover,.Intro3:hover,.Intro4:hover{background-color:#fff}.Intro1:hover .Intro1-show{display:none}.Intro2:hover .Intro2-hide{cursor:pointer;display:block}.Intro2:hover .Intro2-show{display:none}.Intro3:hover .Intro3-hide{cursor:pointer;display:block}.Intro3:hover .Intro3-show{display:none}.Intro4:hover .Intro4-hide{cursor:pointer;display:block}.Intro4:hover .Intro4-show{display:none}.Intro2,.Intro3,.Intro4{margin-top:-15pt}.info-box{background-color:rgba(0,0,0,.8);color:#fff;height:10%;opacity:0;padding:10px;position:absolute;right:10pt;top:100pt;visibility:visible;width:10%}.profilepic:hover .info-box{cursor:pointer;opacity:1;visibility:visible}@media only screen and (max-width:1068px){body{background-size:auto;overflow-x:visible}.profilepic{border-radius:50%;left:350px;margin-top:20px;max-height:auto;max-width:50%;position:relative}.Welcome,.myname{font-size:40pt}.Welcome,.mydesc,.mydesc_mobile,.myname{margin-left:15px;margin-top:20px;text-align:center}.about-me-button{margin-left:15px;margin-top:20px}.tutorial-pointer{margin-left:calc(50% - 25px);margin-top:20px}.desktop_view{display:block;text-align:end}.mydesc_mobile{display:block}.mydesc{justify-content:center;margin-left:50px}}ul{display:flex;justify-content:space-around;list-style-type:none}.nav-li{display:inline;padding:10px}.nav-li:hover{border-bottom:solid;border-color:#fff;border-width:2pt;cursor:pointer;-webkit-transform:scale(.95);transform:scale(.95);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}li{display:inline;padding:10px}li:hover{border-width:2pt;cursor:pointer;-webkit-transform:scale(.95);transform:scale(.95);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}a{color:#fff;font-family:sans-serif;font-size:larger;font-weight:600;text-decoration:none}@media only screen and (max-width:1118px){ul{align-items:center}li{margin-bottom:10px}}.My-Skills-Heading{color:#fff;font-family:sans-serif;margin-left:50px;margin-top:50pt;padding:20pt;width:100vw}#About{background-color:#202020;background-size:cover;padding-right:20px;width:calc(100% - 20px)}.about-me-list{background-color:#789;display:flex;flex-direction:column;margin:auto;max-width:200px;padding:10px}.skill-div{display:flex;justify-content:center}.skill-list{align-items:center;background-color:#11100f5e;border-color:#fff;border-radius:10pt;display:flex;flex-direction:column;justify-content:flex-start;margin:20px;min-height:360px;padding:20px;width:280px}.skill-heading{color:#fff;margin-top:10px}.skill-list:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.ind-skill-list-be,.ind-skill-list-db,.ind-skill-list-fe,.ind-skill-list-tt{-webkit-animation:ind-skill-list-animation 1s ease-out;animation:ind-skill-list-animation 1s ease-out;background-color:initial;border-color:#6501fe;border-radius:10px;border-style:solid;color:#fff;font-family:auto;font-size:large;margin:10px auto;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes ind-skill-list-animation{0%{opacity:0}to{opacity:1}0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes ind-skill-list-animation{0%{opacity:0}to{opacity:1}0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.circular-button{align-items:center;background-color:#000;border:none;border-radius:61%;bottom:5%;color:#6501fe;cursor:pointer;display:flex;font-size:1.5rem;height:70px;justify-content:center;left:92%;opacity:30%;outline:none;position:fixed;width:72px}.circular-button:hover{background-color:#8a2be2;opacity:100%}.arrow{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.collapsible-trigger-whoami{color:#faebd7;display:block;font-size:large;font-weight:400;margin-top:10px;max-width:800pt;padding:10pt;position:relative;text-decoration:none;&:after{display:block;font-family:FontAwesome;position:absolute;right:10px;top:10px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}&.is-open{&:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}&.is-disabled{background-color:#eb0000;opacity:.5}}@media only screen and (max-width:1068px){.skill-div{align-items:center;flex-direction:column;margin-top:auto}#About{overflow-x:hidden;width:120%}.skill-list{margin:10px}}#Work{background-color:#fff;background-size:cover;margin-top:-22px;width:100vw}.Companies{-webkit-animation:heading-animation 3s ease-out;animation:heading-animation 3s ease-out;color:#6501fe;font-family:sans-serif;margin-left:50px}@-webkit-keyframes heading-animation{0%{opacity:0}to{opacity:1}}@keyframes heading-animation{0%{opacity:0}to{opacity:1}}.Infosys-logo{height:90pt;margin:30pt 30pt 30pt 60pt;width:200pt}.Wipro-logo{height:148pt;margin-left:22pt;width:195pt}.Sophos-logo{height:172pt;margin-left:38pt;margin-top:11pt;position:absolute;width:264pt}.Apple-logo{height:102pt;margin-bottom:33pt;margin-left:95pt;width:300pt}.OU-logo{height:101pt;margin-bottom:2pt;margin-left:305pt;width:273pt}.CSS_Corp-logo{height:82pt;margin-left:20pt;margin-right:30pt;margin-top:55pt;width:250pt}.Companies-list{-webkit-animation:list-animation 3s ease-out;animation:list-animation 3s ease-out}@-webkit-keyframes list-animation{0%{opacity:0}to{opacity:1}}@keyframes list-animation{0%{opacity:0}to{opacity:1}}.resume-button{bottom:80px;right:20px}.resume-button a{background-color:#3498db;border:2px solid #2980b9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;font-size:30px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:397pt;margin-top:42pt;position:absolute;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:200pt}.resume-button a:hover{background-color:#2980b9;box-shadow:0 8px 12px rgba(0,0,0,.2);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media screen and (max-width:768px){.work{background-color:#faebd7}.Companies{color:brown}.Companies-list{display:grid;margin-left:-50pt}.Wipro-logo{height:100pt;margin-left:50pt;width:120pt}.Apple-logo{height:80pt;margin-left:200pt;margin-top:-120pt;width:160pt}.Infosys-logo{height:80pt;margin-left:130pt;margin-top:-20pt;width:160pt}.OU-logo{height:80pt;margin-left:100pt;margin-top:-29pt;width:220pt}.CSS_Corp-logo{height:50pt;margin-left:50pt;margin-top:-23pt;width:120pt}.Sophos-logo{height:100pt;margin-left:240pt;margin-top:-99pt;width:120pt}.resume-button{margin-left:-270pt;margin-top:-30pt}}@media screen and (max-width:1208px){#Work{overflow-x:hidden;width:120%}.work{background-color:#faebd7}.Companies{color:brown}.Companies-list{display:grid;margin-left:50pt}.Wipro-logo{height:100pt;margin-left:50pt;width:120pt}.Apple-logo{height:80pt;margin-left:200pt;margin-top:-120pt;width:160pt}.Infosys-logo{height:80pt;margin-left:130pt;margin-top:-20pt;width:160pt}.OU-logo{height:80pt;margin-left:100pt;margin-top:-29pt;width:220pt}.CSS_Corp-logo{height:50pt;margin-left:50pt;margin-top:-23pt;width:120pt}.Sophos-logo{height:100pt;margin-left:240pt;margin-top:-99pt;width:120pt}.resume-button{margin-left:-270pt;margin-top:-30pt}li{display:inline;margin-left:100pt;padding:10px}}#projects-container{background-color:#202020;background-size:cover;box-sizing:border-box;margin-top:-50pt;padding:20px;width:100vw}.My-Proj-Heading{color:#e3dfea;margin-left:40pt;margin-top:20pt;padding:20pt}.Proj-heading{background-color:initial;border:2px solid #4caf50;border-radius:10pt;margin:10pt;padding:20pt;text-align:center;transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease;transition:background-color .3s ease,transform .3s ease,-webkit-transform .3s ease}.Proj-heading:hover{background-color:rgba(75,175,80,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.Heading{color:#fff8dc;font-family:fangsong;font-size:19pt}.row1,.row2{-webkit-animation:fadeIn 3s ease-in-out forwards;animation:fadeIn 3s ease-in-out forwards;display:flex;margin-top:20pt;overflow:hidden}.row1 a,.row2 a{text-decoration:none}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.github-button{margin-top:20pt;text-align:center}.github-button a{background-color:#4caf50;border:2px solid #80204f;border-radius:5px;color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.github-button a:hover{background-color:#45a049}@media only screen and (max-width:1068px){#projects-container{margin-top:0;overflow-x:hidden;width:100%}.row1,.row2{display:grid;margin:20pt}.Proj-heading{margin:10pt}.github-button{margin-left:0}}#Contact{background-color:#6501fe;background-size:cover;width:100vw}.contact-container{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin:0 50px 50px}form{background-color:#fff;border:ridge;margin-top:30pt}h2{color:#6501fe;text-align:center}.contact-links{align-items:center;display:flex;flex-direction:column;margin-top:20px}.socials{color:#fff;height:20px;margin-bottom:10px;text-align:center;text-decoration:none;transition:color .3s ease}.socials img{height:100%;margin-right:5px}.socials:hover{color:#000}.contact-form{max-width:400px;width:100%}.form-input{margin-bottom:15px}label{color:#000;display:block;margin-bottom:5px}.input-email,.input-message,.input-name{border:1px solid #080808;border-radius:4px;margin-left:10pt;padding:8px;width:90%}.form-submit-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:15pt;margin-left:80pt;margin-top:20pt;padding:10px;transition:background-color .3s ease;width:50%}.form-submit-btn:hover{background-color:#0056b3}h4{color:#6501fe;font-size:large;margin-left:10pt}@media only screen and (max-width:768px){.input-email,.input-message,.input-name{width:85%}}@media only screen and (max-width:1208px){#Projects{overflow-x:hidden;width:120%}.contact-form{margin-left:30%}.socials{margin-left:250%}.socials img{height:100%;margin-left:-75px}.form-submit-btn{margin-left:25%}.socials{font-size:10pt}}.copyright-text{align-items:end;align-items:baseline;font-size:small;margin-left:400px;margin-top:auto}.f-links{border-bottom:solid;color:#000;color:#fff;font-size:small;font-weight:400}#footer-div{background-color:#000;color:#fff;height:35pt;margin-top:12pt;width:100vw}@media only screen and (max-width:1068px){.copyright-text{margin-left:1px}}
/*# sourceMappingURL=main.b9ce363f.css.map*/