body{margin:0}.headerDesktop{display:flex;justify-content:center;position:fixed;width:100%;z-index:1000}.headerDesktop .content{background:hsla(0,0%,100%,.9);border-radius:5px;box-shadow:0 0 11px 1px rgba(0,0,0,.3);color:#cc3533;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:30px;padding-left:30px;padding-right:30px;width:80%}.headerDesktop .content .logo{box-sizing:border-box;display:inline-block;font-family:Arvo,serif;font-size:23px;font-weight:bolder;letter-spacing:1px;margin-bottom:10px;margin-top:12px;width:20%}.headerDesktop .content .menus{font-family:Outfit,sans-serif}.headerDesktop .content .menus .item{box-sizing:border-box;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;height:100%;letter-spacing:1.5px;padding-left:30px;padding-right:30px;padding-top:14px;transition:background-color .2s,color .2s}.headerDesktop .content .menus .item:hover{background:#cc3533;color:#fff}.headerDesktop .content .menus .itemBlue:hover{background:#0a192f}.headerDesktop .content .links{display:flex;justify-content:end;width:20%}.headerDesktop .content .links .item{border-radius:5px;box-sizing:border-box;cursor:pointer;display:inline-block;margin-bottom:6px;margin-top:7px;padding-left:8px;padding-right:8px;padding-top:11px;transition:background-color .2s,color .2s}.headerDesktop .content .links .item:hover{background:#cc3533;color:#fff}.headerDesktop .content .links .itemBlue:hover{background:#0a192f}.headerMobile{display:flex;justify-content:center;position:fixed;width:100%;z-index:1000}.headerMobile .content{background:#f2f2f2;box-shadow:0 3px 5px rgba(57,63,72,.5);color:#cc3533;width:100%}.headerMobile .content .logo{background:#fff;box-sizing:border-box;display:flex;font-family:Arvo,serif;font-size:20px;font-weight:bolder;justify-content:space-between;letter-spacing:1px;width:100%}.headerMobile .content .logo .logoText{margin:6px 5px 3px;padding:10px}.headerMobile .content .logo .menuIcon{cursor:pointer;margin:5px;padding:10px}.headerMobile .content .menus{font-family:Outfit,sans-serif;padding-top:30px;text-align:center}.headerMobile .content .menus .item{box-sizing:border-box;cursor:pointer;font-size:20px;font-weight:bolder;letter-spacing:1.5px;padding:15px;transition:background-color .2s,color .2s}.headerMobile .content .menus .item:hover{background:#cc3533;color:#fff}.headerMobile .content .menus .itemBlue:hover{background:#0a192f}.headerMobile .content .links{margin-bottom:40px;margin-top:30px;text-align:center}.headerMobile .content .links .item{border-radius:5px;box-sizing:border-box;cursor:pointer;display:inline-block;margin-left:5px;margin-right:5px;padding:14px 11px 11px;transition:background-color .2s,color .2s}.headerMobile .content .links .item:hover{background:#cc3533;color:#fff}.headerMobile .content .links .itemBlue:hover{background:#0a192f}.profile{background-color:hsla(0,100%,70%,.8);border-bottom:1px solid #fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding-bottom:30px;padding-top:100px}.profile .container{display:flex;width:80%}.profile .container .imgCardContainer{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:50%}.profile .container .imgCardContainer .img1{opacity:.5;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.profile .container .imgCardContainer .img1,.profile .container .imgCardContainer .img2{border-radius:10px;box-shadow:0 52px 74px rgba(0,0,0,.4);box-sizing:border-box;position:absolute;width:60%}.profile .container .imgCardContainer .img2{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.profile .container .description{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;width:50%}.profile .container .description .content1{font-family:Fredoka One,cursive;font-size:40px;text-shadow:maroon 1px 0 10px;width:100%}.profile .container .description .content1 span{color:#64ffda}.profile .container .description .content2{font-family:Fredoka One,cursive;font-size:30px;margin-top:20px;opacity:.8;text-shadow:maroon 1px 0 10px;width:100%}.profile .container .description .content3{background-color:rgba(0,0,0,.1);border-radius:5px;font-family:Varela Round,sans-serif;font-size:21px;font-weight:bolder;letter-spacing:.5px;margin-top:20px;opacity:.8;padding:20px;text-shadow:maroon 1px 0 10px;word-spacing:8px}@media only screen and (max-width:1300px){.profile{box-sizing:border-box;display:block;min-height:auto;padding-bottom:50px;width:100%}.profile .container{display:block;margin:0 auto;width:80%}.profile .container .imgCardContainer{display:block;height:300px;margin:0 auto;position:relative;width:295px}.profile .container .imgCardContainer .img1,.profile .container .imgCardContainer .img2{height:100%;width:100%}.profile .container .description{text-align:center;width:100%}.profile .container .description .content1{margin-top:50px;width:100%}.profile .container .description .content2{font-size:30px}.profile .container .description .content3{border-radius:5px;font-size:18px;letter-spacing:1px;margin-top:20px;padding:15px;word-spacing:5px}}@media only screen and (max-width:800px){.profile .container .imgCardContainer{height:200px;width:195px}.profile .container .description .content1{font-size:30px}.profile .container .description .content2{font-size:23px}.profile .container .description .content3{border-radius:5px;font-size:15px;letter-spacing:.8px;padding:15px;word-spacing:4px}}.video{bottom:0;height:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1000}.video .video-play{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.aboutMe{background:rgba(10,25,47,.95);border-top:1px solid #fff;box-sizing:border-box;min-height:100vh;padding-bottom:100px;width:100%}.aboutMe .imgLaptopBackground{bottom:0;filter:none;-webkit-filter:grayscale(0);min-height:100vh;position:fixed;right:0;top:0;width:100%;z-index:-2000}.aboutMe .content .title{color:#d1d5e0;font-family:Fredoka One,cursive;font-size:25px;padding-top:120px;text-align:center;width:100%}.aboutMe .content .basicDescription{color:#8892b0;display:flex;font-family:Outfit,sans-serif;font-size:18px;justify-content:space-around;letter-spacing:.4px;margin:0 auto;padding-top:20px;width:80%;word-spacing:1px}.aboutMe .content .basicDescription .left,.aboutMe .content .basicDescription .right{margin:20px;text-align:justify;width:50%}.aboutMe .content .basicDescription .left a,.aboutMe .content .basicDescription .right a{color:#64ffda;cursor:pointer;font-size:17px;text-decoration:none;transition:color .2s}.aboutMe .content .basicDescription .left a:hover,.aboutMe .content .basicDescription .right a:hover{color:#fff}.aboutMe .technologies{color:#64ffda;font-family:Outfit,sans-serif;font-size:18px;font-weight:bolder;letter-spacing:.4px;margin:80px auto 0;text-align:center;width:40%;word-spacing:1px}.aboutMe .technologies .titleContainer{display:flex}.aboutMe .technologies .titleContainer .left{flex-grow:1}.aboutMe .technologies .titleContainer .left hr{background:#8892b0;border:0;height:.5px;margin-right:20px;margin-top:11px}.aboutMe .technologies .titleContainer .right{flex-grow:1}.aboutMe .technologies .titleContainer .right hr{background:#8892b0;border:0;height:1px;margin-left:20px;margin-top:11px}.aboutMe .technologies .container{color:#8892b0;font-family:Source Code Pro,monospace;font-size:15px;letter-spacing:.01px;line-height:25px;margin-top:10px}.aboutMe .technologies .normal{color:#8892b0;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;letter-spacing:.8px;line-height:35px;word-spacing:2px}.aboutMe .technologies .normal i{color:#64ffda}@media only screen and (max-width:1300px){.aboutMe .content .basicDescription{display:block}.aboutMe .content .basicDescription .left,.aboutMe .content .basicDescription .right{margin:20px 0;text-align:center;text-align:justify;text-justify:inter-word;width:100%}.aboutMe .technologies{width:50%}.aboutMe .technologies .container div{margin-top:10px}}@media only screen and (max-width:800px){.aboutMe .technologies{width:80%}}.listSection{margin:0 auto;width:80%}.listSection .title{color:#d1d5e0;font-family:Fredoka One,cursive;font-size:25px;padding-bottom:30px;padding-top:40px;text-align:center;width:100%}.listSection .container{color:#8892b0;font-family:Outfit,sans-serif;letter-spacing:.4px;margin:0 auto;width:80%;word-spacing:1px}.listSection .container .row{display:flex;width:100%}.listSection .container .row .left,.listSection .container .row .right{width:50%}.listSection .container .row .left .item,.listSection .container .row .right .item{font-size:18px}.listSection .container .row .left .item .position,.listSection .container .row .right .item .position{color:#d1d5e0;font-weight:bolder}.listSection .container .row .left .item .company,.listSection .container .row .right .item .company{color:#64ffda;font-weight:bolder;text-decoration:none}.listSection .container .row .left .item .duration,.listSection .container .row .right .item .duration{font-family:Source Code Pro,monospace;font-size:14px;letter-spacing:.01px;margin-top:10px}.listSection .container .row .left .item .workList,.listSection .container .row .right .item .workList{font-size:16px;letter-spacing:.8px;margin-top:20px;word-spacing:2px}.listSection .container .row .left .item .workList .workItem,.listSection .container .row .right .item .workList .workItem{display:flex;justify-content:normal;margin-top:10px}.listSection .container .row .left{border-right:1px solid #233554;padding-right:20px;text-align:right}.listSection .container .row .left .icon-mobile{display:none}.listSection .container .row .left .icon{color:#64ffda;font-weight:bolder;margin-left:10px}.listSection .container .row .right{border-left:1px solid #233554;padding-left:20px;text-align:left}.listSection .container .row .right .icon-mobile{display:none}.listSection .container .row .right .icon{color:#64ffda;font-weight:bolder;margin-right:10px}@media only screen and (max-width:1300px){.listSection .container .row{display:block;margin-top:30px}.listSection .container .row .left,.listSection .container .row .right{border:0;padding-left:0;padding-right:0;width:100%}.listSection .container .row .left .item,.listSection .container .row .right .item{border:0;padding-right:0;text-align:left;width:100%}.listSection .container .row .left .item .icon-mobile,.listSection .container .row .right .item .icon-mobile{color:#64ffda;display:inline-block;font-weight:bolder;margin-right:10px}.listSection .container .row .left .item .icon,.listSection .container .row .right .item .icon{display:none}.listSection .container .row .left .item .workList,.listSection .container .row .right .item .workList{margin-left:20px}}@media only screen and (max-width:800px){.listSection .container{width:100%}.listSection .container .row .left .item .workList,.listSection .container .row .right .item .workList{margin-left:5px}}.workDone{color:#fff;margin:100px auto 0;width:80%}.workDone .title{color:#d1d5e0;font-family:Fredoka One,cursive;font-size:25px;margin-bottom:60px;text-align:center;width:100%}.workDone .workItemContainer{background:rgba(0,0,0,.4);display:grid;grid-template-columns:.8fr 1.2fr;transition:background .3s;width:100%}.workDone .workItemContainer .item-description{align-items:end;display:flex;flex-direction:column;justify-content:center;margin:10px 50px}.workDone .workItemContainer .item-description .title{color:#64ffda;font-family:Fredoka One,cursive;font-size:50px;margin-bottom:30px;text-align:right}.workDone .workItemContainer .item-description .description{color:#8892b0;font-family:Outfit,sans-serif;letter-spacing:.4px;text-align:right;word-spacing:1px}.workDone .workItemContainer .item-description .description .text1{font-size:20px}.workDone .workItemContainer .item-description .description .text2{color:rgba(136,146,176,.7);font-size:19px}.workDone .workItemContainer .item-description .button{background:#000;border:1px solid #64ffda;border-radius:5px;color:#64ffda;cursor:pointer;font-family:Outfit,sans-serif;font-size:18px;font-weight:bolder;margin-top:30px;padding:8px 20px 11px;text-decoration:none;transition:color .3s,background .3s}.workDone .workItemContainer .item-description .button:hover{background:#64ffda;color:#000}.workDone .workItemContainer .item-images{display:inline-grid;grid-template-columns:auto auto}.workDone .workItemContainer .item-images .img{-webkit-filter:grayscale(100%);filter:grayscale(100%);grid-column:1;grid-row:1;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s;width:100%}.workDone .workItemContainer:hover{background:rgba(0,0,0,.5)}.workDone .workItemContainer:hover .item-images .img{-webkit-filter:grayscale(0);filter:grayscale(0)}@media only screen and (max-width:1500px){.workDone .workItemContainer{grid-template-columns:1fr 1fr}.workDone .workItemContainer .item-description .title{font-size:40px;margin-bottom:10px}.workDone .workItemContainer .item-description .description .text1{font-size:20px}}@media only screen and (max-width:1300px){.workDone .workItemContainer{display:block}.workDone .workItemContainer .item-description{align-items:center;display:flex;flex-direction:column;justify-content:center}.workDone .workItemContainer .item-description .title{margin-bottom:10px;margin-top:30px;text-align:center}.workDone .workItemContainer .item-description .description .text1,.workDone .workItemContainer .item-description .description .text2{text-align:center}.workDone .workItemContainer .item-description .button{margin-bottom:20px;margin-top:20px}.workDone .workItemContainer .item-images{display:block;width:100%}}.contactMe{-webkit-animation:loadContactMe .5s ease-in-out;animation:loadContactMe .5s ease-in-out;background:rgba(10,25,47,.95);bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:1001}.contactMe .closeImgContainer{text-align:right}.contactMe .closeImgContainer .closeImg{color:#fff;cursor:pointer;font-size:80px;margin-right:50px;margin-top:50px;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:50px}.contactMe .closeImgContainer .closeImg:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.contactMe .header{color:#fff;font-family:Fredoka One,cursive;font-size:50px;margin-top:30px;text-align:center}.contactMe .wrapper{align-items:center;display:flex;flex-basis:100%;flex-direction:column;justify-content:center;margin-bottom:50px;text-align:center}.contactMe .wrapper .contactList{display:inline-block;font-family:Fredoka One,cursive}.contactMe .wrapper .contactList .item{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding-bottom:25px;padding-top:25px}.contactMe .wrapper .contactList .item .img{color:#fff;font-size:40px;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.contactMe .wrapper .contactList .item .text{color:#fff;font-family:Fredoka One,cursive;font-size:30px;margin-left:50px;text-decoration:none}.contactMe .wrapper .contactList .item:hover .img{color:#64ffda;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.contactMe .wrapper .contactList .item:hover .text{color:#64ffda}@media only screen and (max-width:800px){.contactMe .closeImgContainer .closeImg{font-size:50px}.contactMe .header{font-size:40px}.contactMe .wrapper .contactList .item{padding-bottom:15px;padding-top:15px}.contactMe .wrapper .contactList .item .img{font-size:25px}.contactMe .wrapper .contactList .item .text{font-size:20px;margin-left:20px}}.contactMeUnload{-webkit-animation:unLoadContactMe .5s ease-in-out;animation:unLoadContactMe .5s ease-in-out}@-webkit-keyframes loadContactMe{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes loadContactMe{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes unLoadContactMe{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes unLoadContactMe{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}.copyright{background:#0a192f;color:#fff;color:rgba(136,146,176,.5);font-family:Outfit,sans-serif;font-size:15px;padding:10px 20px;text-align:center}
/*# sourceMappingURL=main.8c181299.css.map*/