:root{--aboutMeRotate:30deg;--screenHeight:0px}main{overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y proximity;position:absolute;top:0;bottom:0;right:0;left:0;height:100vh}#aboutMeBox,#howIMade,#intro,#learned,#myProjects,.bottomSection{scroll-snap-align:start}#curvyNav{width:100%;right:0;left:0;position:absolute}.flexCenter{display:flex;align-items:center}h1{text-align:center}#intro,#intro-anim,#intro1{width:100%;min-height:var(--screenHeight);background:#16afbe;display:flex;align-content:center;align-items:center;justify-content:center}#intro-anim{position:absolute}#intro .laptop{width:100%;height:90vh;opacity:0;display:block;transform:scale(0) rotate(45deg);animation:lappyPop .5s ease-in forwards,lappyDown .4s ease-in 12s forwards}@keyframes lappyPop{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes lappyDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;display:none;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}#rocket{width:10%;position:absolute;z-index:10;left:50%;opacity:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%) translateY(30%);transform-origin:center;animation:rocket 5s 1s ease-in forwards}@keyframes rocket{20%{opacity:1;transform:translateX(-50%) translateY(25%)}25%{opacity:1;transform:translateX(-50%) translateY(15%)}35%{opacity:1;transform:translateX(-50%) translateY(30%)}70%{opacity:1;transform:translateX(-50%) translateY(15%)}100%{opacity:1;transform:translateX(-50%) translateY(-500%)}}#smoke{position:absolute;width:100%;height:80vh;z-index:200}#welcomeAnim{position:absolute;width:80%;height:70vh;z-index:100;animation:slideUp .5s ease-in 12s forwards}@keyframes slideUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}#main #welcome{stroke-dasharray:1751;stroke-dashoffset:1751;animation:welcome 2s linear 5s forwards;opacity:0}#main #t{stroke-dasharray:240;stroke-dashoffset:240;animation:welcome .3s linear 7s forwards;opacity:0}#main #o{stroke-dasharray:149;stroke-dashoffset:149;animation:welcome .3s linear 7.4s forwards;opacity:0}#main #creative{stroke-dasharray:1569;stroke-dashoffset:1569;animation:welcome 1.5s linear 7.8s forwards;opacity:0}#main #cDot{stroke-dasharray:33;stroke-dashoffset:33;animation:welcome .2s linear 8.58s forwards;opacity:0}#main #shi{stroke-dasharray:792;stroke-dashoffset:792;animation:welcome 1s linear 9.1s forwards;opacity:0}#main #shiDot{stroke-dasharray:33;stroke-dashoffset:33;animation:welcome .2s linear 9.6s forwards;opacity:0}#welcomeAnim{-webkit-filter:drop-shadow(-1px -1px 0 #fff);filter:drop-shadow(2px 2px 0 #fff)}@keyframes welcome{10%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}#circles{z-index:5000}#welcomeC{offset-path:path('M70.5,92.168c-1.649,23.22,30.167,12.833,43.167,.5c12.938-12.274-.167-19.5-6-18.335c-8.629,1.724-12.333,13-12.333,13s-26.333, 74.667, 0, 85S129, 104, 138, 91.333s-16.333, 87.665, 14, 83.361c22.754-3.229, 33-57.35, 33-89.694c0, 0-17.672, 63.675-2.734, 73.334 c13.401, 8.666, 58.068-15.668, 43.691-30.391c-17.529-17.952-24.625, 22.832-22.958, 23.832s-1.666, 28.892, 27.267, 14.893 c0, 0, 8.002-2.125, 30.043-31.551c0, 0, 14.189-15.072, 20.522-45.406c2.494-11.945, 4.787-35.752-14.546-12.086S247, 136.667, 247, 136.667 s-1.333, 24, 10.333, 29.001c5.316, 2.279, 10.864-.215, 16.083-3.93c3.461-2.464, 7.71-3.677, 7.84-8.736 c.307-11.944-1.147-28.924, 14.66-29.01c15.584-.085, 16.417, 8.675, 16.417, 8.675s-2.333-8.926-16.417-8.675 c-12.997, .232-16.882, 18.479-13.667, 31.914c1.929, 8.061, 1.929, 8.061, 6.596, 11.953c.994, .829, 14.592, 4.819, 24.655-6.787 c7.583-8.745, 7.413-19.474, 15.583-30.161c8.917-11.666, 19.831-3.645, 20.75-3.916c.306-.09-10.583-9.167-20.75, 3.916 c-5.737, 7.382-6.553, 23.689-6.417, 25.422c1.75, 22.238, 23.167, 16.492, 29.084-7.008c1.611-6.4, 3.75-17.5-1.917-22.331 c0, 0, 12.5, 3.338, 26.5, 16.338l3-18.334L373, 167c0, 0, 29.834-47, 29.834-42c0, 0-6.834, 47-2.834, 43.333s20.438-49.021, 25.667-41.667 c2.993, 4.209-5.742, 31.35, .208, 41.583c1.339, 2.302, 59.541-21.458, 47.25-38.25c-8.398-11.473-17.875-4.125-20.89, 2.07 c-7.209, 14.815-.454, 31.588, 6.64, 36.305c7.458, 4.958, 18.104-1.483, 23.458-6.042M531.25,99c0,0-2-19.5,44.759-18.5C622.75,81.5,621,84.75,621,84.75l-44.991-4.25l-25.676,92.833,M531.25,99c0,0-2-19.5,44.759-18.5C622.75,81.5,621,84.75,621,84.75l-44.991-4.25l-25.676,92.833,M616.375,126.898c-16.388-9.082-24.894,7.123-27.705,20.04c-2.011,9.237,.58,22.563,15.08,21.313c10.16-.876, 26.25-27.134, 10.75-41.352c0, 0, 6.509-.898, 22, 13.477,M105.733,265.797c59.016-6.383,11.664-97.857-31.004-5.192c-13.526,29.376-.685,51.68,8.303,56.031c21.883, 10.596, 72.875-14.32, 72.817-51.984c-.007-4.772-5.842, 40.672-5.842, 40.672s29.235-58.96, 26.496-36.055 c-2, 16.726, .33, 20.443, 8.165, 22.061c10.5, 2.167, 47.833, 2.552, 41.832-17.666c-9.25-31.164-55.179, 31.341-10.25, 34.337 c4.948, .33, 20.455-2.087, 25-14.5c6.5-17.75, 19.377-31.182, 27.5-26c1.36-4.535-30, 4-24.754, 36.227 c1.12, 6.883, 24.088, 18.907, 29.754-34.454C275, 257.5, 263.5, 308, 277, 309.75s17.174-19.033, 26.25-36.75 c3.931-7.673, 10.275-17.777, 15.75-25.75c13.894-20.23, .5-52.75-16.318-.951C298.673, 258.646, 307.5, 258.25, 283.25, 257l49.25, 2H300 c0, 0-17.25, 80.75, 37.75, 37.5c0, 0, 10.156-12.934, 12.942-34.25C352.75, 246.5, 319, 346, 373, 298.25V265c0, 0-9, 96.667, 30.089, 2 c0, 0-21.422, 44.458, 20.244, 26.667c58.334-24.908, 3.667-47, 0-5.667c-3.038, 34.239, 39.666, 17.001, 43, 9.334,M571,253c26-58-104.667-34.57-17.45,15.759c28.412,16.396,25.938,29.695,13.304,37.048c-19.782,11.512-64.473,8.446-54.521-20.141c0, 0, 61.145, 61.504, 93.333-8.666c0, 0, 40.018-83.333, 15.343-64.667s-25.244, 82.638-23.342, 98.333c0, 0, 20.713-41.574, 35.667-45 S600.808, 330.208, 649, 300.999c11-6.667, 14.333-19.667, 17-34s-29.668, 68.999, 16.666, 33.333');animation:move 5s 5s linear;opacity:0}@keyframes move{4%{opacity:1}52%{opacity:1;motion-offset:50%;offset-distance:50%}100%{opacity:1;motion-offset:100%;offset-distance:100%}}#myIntro{text-align:center;position:absolute}#myIntro>Span.poppy{opacity:0;transform:rotateX(45deg) scale(.2);animation:popRotate .3s ease-in forwards}@keyframes popRotate{100%{transform:rotateX(0) scale(1);opacity:1}}#intro2{background:#2c3e50;position:absolute;flex-direction:column;top:0;display:none}#intro>.intro2Anim{border-bottom-right-radius:250%;border-bottom-left-radius:250%;animation:flowUp .8s cubic-bezier(.22,.68,0,1.71) forwards;display:flex;align-items:center;align-content:center;justify-content:center;min-height:var(--screenHeight);width:100%;background:url(/assets/svg/spacebg.svg) no-repeat;background-size:cover;background-position:center}@keyframes flowUp{0%{height:0}80%{border-radius:0}99%{min-height:var(--screenHeight);border-radius:0;position:absolute}100%{border-radius:0;min-height:var(--screenHeight);position:relative}}#myPic{animation:picPop .3s ease-in forwards;border-radius:150%;z-index:1000;background:#5e3b80;width:250px;height:250px;display:block}#myPic>img{width:inherit;height:inherit;border-radius:150%}#myPic::after{content:"";transform:scale(1);opacity:1;width:100%;height:100%;background:inherit;border-radius:150%;position:absolute;top:0;right:0;z-index:-1;animation:pulse 1s cubic-bezier(.24,0,.38,1) infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}100%{transform:scale(1.5);opacity:0}}#typingContainer{text-align:center;margin-top:20px;max-width:80vw;color:#fff;font-size:2.5rem;font-family:'Roboto Slab',serif}#blinki{opacity:0;animation:blinki .8s infinite}@keyframes blinki{50%{opacity:1}}@keyframes picPop{to{transform:scale(1)}}#aboutMeBox{min-height:var(--screenHeight)}#aboutMePlayer{display:none;flex-direction:row;align-items:center;text-align:center;justify-content:center;align-content:center;flex-wrap:wrap;font-size:1.7em;max-width:1000px;margin:0 auto;height:auto}#about-me{width:100%;display:block;text-align:center;position:relative;font-family:Rancho,cursive;font-size:3.5em;color:#2d3436;grid-column-end:span 3}#about-me::before{content:"";position:absolute;top:50%;left:0;width:100%;border-bottom:4px solid #47525d}#about-me>span{position:relative;display:inline-block;padding:0 .3em;background:#fff}#aboutMePlayer>img{width:200px;margin:10px}.aboutTxt{padding:10px;max-width:620px}.rightSlide1{order:2;animation:slideRight .3s both}.leftSlide{order:3;animation:slideLeft .3s .7s both}.rightSlide2{order:6;animation:slideLeft .3s 1.7s both}img[alt=Baby]{order:1;animation:popRotate .4s both ease-in}img[alt=Laptop]{order:4;animation:popRotate .4s .5s both ease-in}img[alt=Antenna]{order:5;animation:popRotate .4s 1.5s both ease-in}@keyframes slideLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes slideRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes popRotate{0%{opacity:0;filter:blur(10px);transform:rotate(-360deg) scale(0)}80%{opacity:1;filter:blur(0);transform:rotate(10deg) scale(1.2)}100%{opacity:1;filter:blur(0);transform:rotate(0) scale(1)}}#learned{min-height:var(--screenHeight);width:100%;margin:0 auto;position:relative}#learned *{margin:0 auto;text-align:center}#iLearned,.friendSection span{text-align:center;border-bottom:#2d3436 4px solid;padding:2px;font-family:Rancho,cursive;font-size:3.5em;color:#2d3436}#circleTip{width:20px;height:10px;position:absolute;left:calc(50% - 10px);background-color:#2d3436;border-bottom-left-radius:100px;border-bottom-right-radius:100px}#learned>.rLeftBox{transform:rotate(calc(var(--aboutMeRotate) - 20deg));z-index:2}#learned>.rCentreBox{transform:rotate(0);z-index:1}#learned>.rRightBox{transform:rotate(calc(+20deg - var(--aboutMeRotate)));z-index:2}div>.hSideLine{height:25vh}div>.hCentreLine{height:44vh}.animBox1,.animBox2,.animBox3{transform-origin:top;position:absolute;width:180px;transition:all .3s cubic-bezier(.61,.15,.62,1.84);left:calc(50% - 90px)}.aboutText{cursor:pointer;background:#2d3436;color:#fff;border-radius:150%;font-size:1.2em;padding:5px;height:160px;width:160px;display:flex;align-content:center;justify-content:center;align-items:center}.animLine1,.animLine2,.animLine3{width:4px;height:0;transition:all .5s cubic-bezier(.2,1.21,.67,1.67);background:#2d3436}#showDetails{position:absolute;bottom:0;z-index:-99;width:100vw;height:22vh;background:#2d3436}#showDetails>div>div>img{width:60px}#showDetails>div>div>p{margin-top:10px}#showDetails>div>div{width:20%}#showDetails>div{display:flex;align-content:center;align-items:center;justify-content:center}#showDetails>div{height:100%;max-width:700px;color:#fff}div#imgBgCover{position:absolute;top:21%;left:50%;transform:translate(-50%,0);z-index:-1;background:#ffffff2b;height:40%;width:90%;border-radius:150px}div#electronics,div#webdev{display:none}#showDetails>div>div>img,p{animation:popBottom 350ms cubic-bezier(.53,.44,.42,1.59);transform-origin:bottom center;transform:scale(1)}@keyframes popBottom{0%{transform:scale(0)}100%{transform:scale(1)}}#circle-holder{max-width:250px;fill:#2d3436;stroke:#2d3436;stroke-width:1;z-index:-1000;position:absolute;top:calc(43vh + 60px);display:block;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.wave-svg{fill:#2d3436;position:relative}#myProjects{position:relative;width:100%;min-height:var(--screenHeight)}.projectContainer{min-height:0;display:inline-block;position:relative;width:300px;height:290px;background:#2d3436;color:#fff;margin:5px;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);opacity:0;transform:scale(.6)}div.projectPop{opacity:1;transform:scale(1)}.projectContainer:hover{z-index:1;transform:scale(1.05)}.projectContainer>*{text-align:center}.projectTitle{border-top:#ffffff6e 2px solid;font-family:Rancho,cursive;font-size:3.5rem;background:#2d3436;color:#fff}.projectTitle>div{text-align:center;padding:2px}#projectList{display:grid;grid-template-columns:repeat(3,0fr);justify-items:center;justify-content:center}.imgHolder{width:95%;text-align:center;background:#fff;margin:2.5% auto;border-radius:inherit}.imgHolder>picture>img{width:95%;margin:2.5%;border-radius:inherit;box-shadow:0 0 12px 1px rgba(0,0,0,.4)}.projectContainer>.title{font-size:1.7rem}.projectContainer>.description{font-size:1rem;color:#ffffffe8;background:#44545d4d;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;position:absolute;bottom:0;padding-bottom:3px;width:100%;height:40px;display:flex;align-items:center;justify-content:center}#projectOpener{z-index:1000;width:100%;height:100%;display:none;background:#000000b9;position:fixed;top:0;left:0;animation:openProject 150ms ease-in}@keyframes openProject{0%{width:0;height:0;top:var(--clientY);left:var(--clientX)}100%{width:100%;height:100%;top:0;left:0}}#headerBox{width:100%;height:4.5vh;background:#fff;position:absolute;top:0;z-index:10;display:flex;align-items:center;justify-content:space-evenly}#headerBox>.closeBtn{width:28px;height:28px;line-height:28px;margin:3px;text-align:center;color:#fff;font-size:1.4em;background:#e44f51;border-radius:150%;cursor:pointer;transition:ease-out all .2s;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}.closeBtn:hover{transform:rotate(180deg)}.url{line-height:4vh;height:4vh;width:calc(100% - 45px);margin-left:5px;border-radius:50px;background:#dadada9e;padding-left:8px;font-size:18px;font-family:Roboto,sans-serif;display:flex;align-content:center;color:#434548;cursor:alias}.url>img{width:17px;margin-right:7px}.loader{display:flex;align-content:center;align-items:center;justify-content:center;height:100%;width:100%;position:absolute}.loader>span{width:30px;height:30px;transform:scale(.2);opacity:.7;display:inline-block;margin:10px;background:#e44f51;border-radius:150%;border:2px solid rgba(255,255,255,.103);transition:all ease .26s}span.popUp{transform:scale(1);border:2px solid #fff;opacity:1}#embedContent{width:100%;height:96%;position:absolute;bottom:0;visibility:hidden}embed{width:100%;height:100%;opacity:0;animation:.5s fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#howIMade{min-height:var(--screenHeight);background:url(/assets/svg/questions.svg) no-repeat;background-position:right -120px bottom;background-size:650px;box-sizing:content-box}#howIMade>.text{margin:auto;margin-top:50px;width:70%;padding:10px;font-size:1.5rem;color:#343d42}.friendSection span{display:block;margin:50px auto}#myFriends{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;margin:0 auto}#myFriends>a>div{text-align:center;color:#2d3436;text-decoration:underline}#myFriends>a>div>img{width:10vh;border-radius:10px;height:auto}#myFriends>a>div>h2{font-weight:400;margin-top:5px}.bottomSection{min-height:var(--screenHeight);display:flex;flex-direction:column}.contactSection{background:#5d4773;flex-grow:1;border-bottom:2px solid #f1f2f6}.contactSection h1{color:#f1f2f6;padding-top:20px}.container{max-width:500px;width:90vw;margin:35px auto;border-radius:10px;padding-top:10px}#status{text-align:center;font-size:1.5em;background:#3498db;color:#fff;padding:5px;width:85%;margin:2px auto;transform-origin:bottom center;border-radius:2px;display:none;transform:scale(0);animation:popStatus .3s ease-out forwards}@keyframes popStatus{80%{transform:scale(1.2)}100%{transform:scale(1)}}form{display:flex;flex-direction:column;align-items:center}form>*{margin:5px}.container>*{margin:10px}input{width:90%;height:30px;font-size:1.3em;font-weight:300;padding-left:5px;border:1px solid #f1f2f6;background:#ffffff12;color:#f1f2f6;border-radius:5px}input::placeholder{color:#f1f2f6;font-weight:300}input:focus{outline:0}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{transition-delay:3600s;font-weight:300}input,textarea{-webkit-user-select:text!important;user-select:text!important}textarea[name=message]{width:90%;font-size:1.3em;padding:5px;resize:none;height:150px;color:#f1f2f6;border:1px solid #f1f2f6;background:#ffffff12;border-radius:5px;font-weight:300;font-family:inherit}textarea[name=message]::placeholder{color:#f1f2f6;font-weight:300}textarea:focus{outline:0}button{height:40px;padding:2px 30px;font-size:1.5em;border:1px solid #f1f2f6;background:#5d4773;color:#fff;border-radius:10px;cursor:pointer;transition:all .2s}button:focus{outline:0}button:hover{transform:scale(1.1)}.grecaptcha-badge{display:none}footer>div{display:flex;align-content:center;align-items:center;justify-content:center}footer{transition:background .3s;position:relative;background:#5d4872;color:#fff}footer>.copyright{padding:10px 0;background:rgba(51,51,51,.08);color:rgba(255,255,255,.815);font-weight:300}footer>.followMe{font-size:1.3em;font-weight:300;padding-top:20px}#social-links{margin:20px}#social-links>a>img{transition:.4s;transform-origin:center;transition-timing-function:ease-in-out}#social-links>a>img{width:3em;padding:3px;display:inline-block}#social-links>a>img:hover{transform:rotateZ(-360deg);width:4em;margin:0 15px}#message{position:absolute;text-align:center;top:10px;right:-400px;background:#5d4674f0;transition:all cubic-bezier(.68,-.55,.265,1.55) .35s;color:#fff;padding:3px 50px 3px 10px;font-size:2em;z-index:999999}.overlay>*{text-align:center}.overlay{width:100vw;height:100vh;position:absolute;top:0;bottom:0;background:#00000042;z-index:9;display:none;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease;animation:fadeIn .2s both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.feedbackContainer{max-width:500px;width:90vw;height:80vh;min-height:630px;max-height:710px;background:#fff;position:relative;z-index:10;box-shadow:0 4px 18px #00000078;overflow:hidden;transition:transform .4s cubic-bezier(.87,-.93,.27,1.29);transform:translateY(0);animation:showUpFeedback .4s cubic-bezier(.87,-.93,.27,1.29)}@keyframes showUpFeedback{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.getFeedback,.sendFeedback{position:absolute;overflow-y:auto;width:100%;height:100%}.sendFeedback>.welcome{font-size:1.5em;margin:20px 0;padding:0 10px;text-decoration:underline}.sendFeedback>.plsShare{margin:20px 0;font-size:1.2em}svg#smiley{height:120px}.rating{width:208px;height:40px;margin:0 auto}.rating label{float:right;position:relative;width:40px;height:40px;cursor:pointer}.rating label:not(:first-of-type){padding-right:2px}.rating label:before{content:"\2605";font-size:42px;color:#b2bec3;line-height:1;transition:all .3s ease}.rating input{display:none}.rating input:checked~label:before,.rating:not(:checked)>label:hover:before,.rating:not(:checked)>label:hover~label:before{color:#ffd93b}textarea#feedback{resize:none;margin:30px 0;font-size:1.3em;width:70%;height:150px;padding:10px;text-align:left}#feedback:focus{outline:0}.sendBtn{border-radius:50px;background:#3498db;color:#fff;margin:10px auto;cursor:pointer;width:150px;padding:10px;font-size:1.7em;transition:all .4s}.sendBtn>.forwardArrow{position:absolute;transform:translateX(-20px);opacity:0;transition:all .3s ease}.sendBtn:hover .forwardArrow{transform:translateX(-10px);opacity:1}.sendSpan::after{content:'';display:inline-block;height:0;width:0;transition:width .3s ease}.displayNone::after{display:none}.sendBtn:hover .sendSpan::after{width:20px}.sendBtn>.spinningArrow{display:none;animation:continuousRotate .6s infinite ease}@keyframes continuousRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.getFeedback{transition:all .5s cubic-bezier(.96,.19,.38,1.38);top:100%;background:#fff}.feedbackResponse{display:none;background:#3498db;color:#fff;height:140px;font-size:2em;animation:flip-horizontal-top .3s cubic-bezier(.455,.030,.515,.955) 2s both}@keyframes flip-horizontal-top{0%{transform:rotateX(0)}100%{transform:rotateX(180deg)}}.ratingBox,.resMsg,.singleRatingBox{display:flex;align-items:center;justify-content:center;height:100%}.resMsg{animation:hideBox .1s ease 2s forwards}@keyframes hideBox{100%{opacity:0}}.ratingBox{position:absolute;width:100%;top:0;opacity:0;transform:rotateX(-180deg);animation:showBox .1s ease 2s forwards}@keyframes showBox{100%{opacity:1}}.ratingBox>img{height:85%}.currentRating{font-size:3em;padding-left:30px;display:inline-block}.userFeedbackBox{height:calc(100% - 140px);padding-top:10px;padding-bottom:60px;box-sizing:border-box;overflow-y:auto}.singleRatingBox{height:auto;padding:6px;border-bottom:1px solid #7070703b;background:#fff;box-shadow:#9696966b 0 1px 1px;width:80%;margin:0 auto;justify-content:space-between;position:relative;transform:translateY(-100%);visibility:hidden;opacity:.5;transition:all .4s cubic-bezier(.96,.19,.38,1.38)}.slideRatingBox{transform:translateY(0);visibility:visible;opacity:1}.ratingScore{height:70px;width:70px;font-size:1.6em;display:inline-block;background:url(../svg/star.svg) no-repeat;line-height:64px;color:#ffffffe8}.userFeedback{display:inline-block;font-size:1.1em;margin:auto;max-width:78%}.loadMoreBtn{position:absolute;bottom:15px;background:#00b894;color:#fff;font-size:1.2em;padding:5px;margin:0 auto;width:140px;left:calc(50% - 70px);cursor:pointer;z-index:100}.feedbackCloseBtn{position:absolute;right:0;top:0;background:#e84118;color:rgba(255,255,255,.938);padding:2px;width:25px;height:25px;font-size:22px;cursor:pointer;line-height:25px}@media screen and (max-width:860px){div#about-me{font-size:2.5em}div#aboutMePlayer{flex-direction:column;font-size:1.1em}div#aboutMePlayer>img{width:15vh}div.leftSlide{order:4}div img[alt=Laptop]{order:3}div#projectList{grid-template-columns:repeat(2,0fr)}}@media screen and (max-width:700px){#intro2>#typingContainer{font-size:1.5rem}#intro2>#myPic{width:180px;height:180px}div#typingContainer{max-width:95vw}div#iLearned{font-size:2.5em}div.aboutText{width:130px;height:130px;font-size:1.1em}div>div>.hSideLine{height:23vh}div>div>.hCentreLine{height:43vh}svg#circle-holder{max-width:216px;top:calc(43vh + 35px)}div#projectList{grid-template-columns:repeat(1,0fr)}div.projectContainer{width:90vw;height:84vw}div#howIMade{background-position:right -62px bottom 30%;background-size:360px}div#howIMade>.text{margin-left:5px;font-size:4.5vw}div.friendSection span{margin:20px auto}}@media screen and (min-height:812px){svg#circle-holder{top:51vh}}@media screen and (max-height:600px){div>div>.hSideLine{height:20vh}div>div>.hCentreLine{height:40vh}svg#circle-holder{max-width:216px;top:46vh}}