@import url(https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap);:root{--textcolor:#000;--blue:#006aff;--backgroundColor:#f9f9f9}@font-face{font-display:swap;font-family:EBGaramondBold;font-style:normal;src:local("EBGaramondBold"),url(/static/media/GTWalsheimPro-Bold.2dbf49e9fcb548837711.ttf)}@font-face{font-display:swap;font-family:EBGaramondRegular;font-style:normal;src:local("EBGaramondBold"),url(/static/media/GTWalsheimPro-Regular.1fd3cd7ade0f79b2152a.ttf)}body,html{background-color:#f9f9f9!important;background-color:var(--backgroundColor)!important;font-family:EBGaramondRegular;margin:0;overflow-x:hidden;padding:0}h1,h2,h3,h4,h5,h6{font-family:EBGaramondBold}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.para{color:#000;color:var(--textcolor);opacity:.5;text-align:center}.headernav{color:grey;cursor:pointer;font-family:EBGaramondRegular;font-weight:bolder;margin-right:10px;padding:10px}.headernav:hover{background-color:#f2f2f2;border:0 solid #fff;border-radius:10px;color:#000!important;transition:.25s}.draggable-main{align-items:center;background:#f0f0f0;display:flex;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.content,.draggable-main{font-family:EBGaramondBold!important}.content{cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;font-size:18px;height:240px;position:relative;width:420px}.content>div{background:#add8e6;border-radius:8px;color:#fff;font-family:EBGaramondBold!important;height:90px;line-height:90px;overflow:visible;padding-left:32px;pointer-events:auto;position:absolute;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;width:450px}.content>div:first-child{background:linear-gradient(135deg,#f6d365,#fda085)}.content>div:nth-child(3){background:linear-gradient(135deg,#3beb7b,#3fa1fc)}.content>div:nth-child(4){background:linear-gradient(135deg,#5ee7df,#7e38e0)}.content>div:nth-child(5){background:linear-gradient(135deg,#fda085,#f6d365)}.content>div:nth-child(2){background:linear-gradient(135deg,#f5576c,#eebd89)}.container{display:block;margin-left:auto;margin-right:auto;margin-top:10%;max-width:1300px;width:70%}.backgroundDiv{background-repeat:no-repeat;background-size:cover;height:100vh}.IntroComponent{display:flex;margin-top:10%}.headingIntro{-webkit-animation:fadein 2s,heading 2s;animation:fadein 2s,heading 2s;font-size:150%}.headingIntro span:before{-webkit-animation:animate 7s infinite;animation:animate 7s infinite;content:"Frontend Dev";padding-left:10px}@-webkit-keyframes animate{0%{content:"Frontend Dev"}25%{content:"Frontend Dev"}50%{content:"Fullstack Dev"}75%{content:"App Dev"}to{content:"Backend Dev"}}@keyframes animate{0%{content:"Frontend Dev"}25%{content:"Frontend Dev"}50%{content:"Fullstack Dev"}75%{content:"App Dev"}to{content:"Backend Dev"}}.subHeadingIntroComponent{-webkit-animation:subHeading 2s;animation:subHeading 2s;color:#000;cursor:pointer;opacity:.5}.subHeadingIntroComponent:hover{color:#000;cursor:pointer;opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2);transition:1.3s}.cartoonText{color:#006aff;color:var(--blue);font-family:Nanum Pen Script,cursive}.iphoneImg{left:80%;position:relative;top:50px;transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,-webkit-transform 1.2s ease-in-out;z-index:1}.iphoneImg:hover{-webkit-transform:rotate(2deg) scale(1.015);transform:rotate(2deg) scale(1.015)}.imageIntro{-webkit-animation:fadein 2s,subHeading 2s;animation:fadein 2s,subHeading 2s;left:0;position:relative;top:0}.imageIntro,.instaLoop{cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto}.instaLoop{-webkit-transform:rotate(3deg);transform:rotate(3deg);transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,-webkit-transform 1.2s ease-in-out}.instaLoop:hover{-webkit-transform:rotate(2deg) scale(1.025);transform:rotate(2deg) scale(1.025)}.macLw{border-radius:5px;box-shadow:2px 2px 10px #5c5c5c;left:20%;margin-top:30px;position:absolute!important;top:0;transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,-webkit-transform 1.2s ease-in-out}.macLw:hover{-webkit-transform:rotate(-1deg) scale(1.015);transform:rotate(-1deg) scale(1.015)}svg{height:1.76em;overflow:visible}@-webkit-keyframes fadein{0%{opacity:.7}to{opacity:1}}@keyframes fadein{0%{opacity:.7}to{opacity:1}}@-webkit-keyframes heading{0%{left:-10px;position:relative;transform:scaleY(.9) scaleX(.9);-webkit-transform:scaleY(.9) scaleX(.9)}to{left:0;position:relative;top:0;transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1)}}@keyframes heading{0%{left:-10px;position:relative;transform:scaleY(.9) scaleX(.9);-webkit-transform:scaleY(.9) scaleX(.9)}to{left:0;position:relative;top:0;transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1)}}@-webkit-keyframes subHeading{0%{transform:scaleY(.9) scaleX(.9);-webkit-transform:scaleY(.9) scaleX(.9)}to{transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1)}}@keyframes subHeading{0%{transform:scaleY(.9) scaleX(.9);-webkit-transform:scaleY(.9) scaleX(.9)}to{transform:scaleY(1) scaleX(1);-webkit-transform:scaleY(1) scaleX(1)}}.aboutMe{padding:20px;text-align:center;width:100%}#justAnother:hover{color:lime;opacity:1}.headernav{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.headernav:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.skillSet{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.skillSetWritten{border:1px solid #d3d3d3;border-radius:5px;padding:20px;width:70%}.notes{border:1.5px solid #d3d3d3;border-radius:7px;box-shadow:2px 2px 5px #d3d3d3;display:block;margin:20px auto 20px 20px;transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,-webkit-transform 1.2s ease-in-out}.notes:hover{-webkit-transform:rotate(-1deg) scale(1.005);transform:rotate(-1deg) scale(1.005)}.textBubble{-webkit-animation:hideAnimation 0s ease-in 2.5s;animation:hideAnimation 0s ease-in 2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;left:10%;margin-right:auto;position:absolute;width:300px}@-webkit-keyframes hideAnimation{to{height:0;visibility:hidden;width:0}}@keyframes hideAnimation{to{height:0;visibility:hidden;width:0}}.hiddenText{-webkit-animation:showAnimation 0s ease-in 2.5s;animation:showAnimation 0s ease-in 2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden}@-webkit-keyframes showAnimation{to{visibility:visible}}@keyframes showAnimation{to{visibility:visible}}.btn{background-color:#006aff;background-color:var(--blue);border:1px solid #006aff;border:1px solid var(--blue);border-radius:40px;box-shadow:0 3px 5px #006aff;box-shadow:0 3px 5px var(--blue);color:#fff;cursor:pointer;font-family:EBGaramondRegular;font-size:101%;height:45px;margin:20px 20px 20px 0;padding:10px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:160px}.btn:hover{border:1px solid #fff;-webkit-transform:scale(1.035);transform:scale(1.035);transition:.5s}.btn2,.btn:hover{background-color:#fff;box-shadow:0 3px 10px #add8e6;color:#333}.btn2{border:1px solid #fff;border-radius:40px;cursor:pointer;font-family:EBGaramondRegular;font-size:101%;height:45px;margin:20px 20px 20px 0;padding:10px;width:160px}.btn2:hover{background-color:#006aff;background-color:var(--blue);border:1px solid #006aff;border:1px solid var(--blue);border-radius:40px;box-shadow:0 3px 5px #006aff;box-shadow:0 3px 5px var(--blue);color:#fff;-webkit-transform:scale(1.035);transform:scale(1.035);transition:.5s}.dp{border-radius:100%;height:100px;width:100px}.dp,.dp2{object-fit:cover}.dp2{border-radius:10px;height:200px;width:200px}.idCard{box-shadow:2px 2px 5px #d3d3d3;transition:.5s}.idCard:hover{-webkit-transform:rotate(-1deg) scale(1.015);transform:rotate(-1deg) scale(1.015)}@media only screen and (max-width:1320px){.container{display:block;margin-left:auto;margin-right:auto;width:90%!important}.IntroComponent{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0!important;width:100%}.textBubble{display:block;left:0;margin:0 auto;padding:0;position:relative}.IntroComponentWrapper{padding:20px;width:100%!important}.idCard{margin-right:auto!important;max-width:400px}}@media only screen and (max-width:600px){.container{margin-top:70px!important}.IntroComponent{margin-bottom:0}.idText{padding:0 0 0 20px!important}.cartoonTextIntro{display:block;left:0!important;margin-top:100px!important;position:relative;text-align:center!important}.idCard{font-size:70%!important;margin-left:auto!important;margin-right:auto!important;max-width:400px}.idCard2{font-size:90%!important;width:100%!important}#about{flex-direction:column!important;justify-content:center;width:100%}.instaLoop{min-width:300px}.instaLoop,.para{display:block;margin-left:auto;margin-right:auto}.para{width:90%!important}.dp2{height:35%!important;width:35%!important}.instaTag{font-size:60%!important}.skillSet{flex-direction:column-reverse;padding:20px}.draggableItems{display:block;margin-left:auto;margin-right:auto;max-width:400px;width:100%!important}.notesDiv{margin-top:0!important;width:100%!important}.content>div{font-size:80%!important;width:100%!important}#socials{flex-direction:column;padding-left:0!important}#socials h1{margin-bottom:0}.cartoonText2{margin:0}.lastText{margin-right:auto}.socialLinks{align-items:center!important;justify-content:center!important;margin-left:auto;margin-right:auto!important;margin-top:20px}.imageIntro{width:90%!important}.macLw{left:0!important}.iphoneImg{left:60%!important;top:80px}.notes{margin:0!important}.SkillSetItems{width:100%!important}.projectCard{border:2px solid #fff;border-radius:10px;cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;height:auto;margin-bottom:20px;margin-top:20px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:90vw!important}}.iframeDiv{background-color:#fff;border-radius:0!important;height:650px!important}.iframeFrame{border:none;cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;height:100%;outline:none;overflow-x:none!important;width:100%}.projectsDiv{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-left:auto;margin-right:auto;max-width:100%;padding:30px}.projectCard{border:2px solid #fff;border-radius:10px;cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;height:auto;margin-bottom:20px;margin-top:20px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:30vw}.projectCard:hover{background-color:#fff;border:1px solid #fff;box-shadow:0 3px 10px orange;color:#333;-webkit-transform:scale(1.035);transform:scale(1.035);transition:.5s}.codeIcon:hover{color:#f5576c}
/*# sourceMappingURL=main.7b897b93.css.map*/