.App{font-family:Vollkorn,serif}@media (min-width:900px){.home{background:#fff;display:flex;height:100vh;overflow:hidden}.home .aboutmeContentLeftContent{align-items:center;background-color:#d4ff13;display:flex;flex:1 1;height:100%;justify-content:center;width:100%}.home .aboutmeContentrightContent{flex:1 1;position:relative}.home .aboutmeContentLeftWrapper{flex-direction:column;height:50%;justify-content:space-between;padding:50px}.home .aboutmeContentTitles{height:50px;overflow:hidden}.home .aboutmeContentTitleWrapper{-webkit-animation:move 10s ease-in-out infinite alternate;animation:move 10s ease-in-out infinite alternate;height:100%}@-webkit-keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(-150px);transform:translateY(-150px)}}@keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(-150px);transform:translateY(-150px)}}.home .aboutmeContentTitleItem{align-items:center;color:#9db91f;display:flex;font-size:30px;font-weight:700;height:50px}.home .aboutmeContentintro{font-size:30px;font-weight:300}.home .aboutmeContentmyName{font-size:60px}.home .aboutmeContentimgContent .aboutimg{border-radius:15px;height:100%;object-fit:cover;position:absolute;width:100%}.home .aboutmeContentimgline{background-color:#9db91f;-webkit-clip-path:polygon(100% 0,100% 5%,100% 100%,25% 100%,0 100%,5% 0);clip-path:polygon(100% 0,100% 5%,100% 100%,25% 100%,0 100%,5% 0);height:100%;position:absolute;right:0;top:0;width:100%}}@media (max-width:900px){.about{background:#fff;height:150vh;padding-top:50px;position:relative}.aboutmeContent .aboutmeContentLeft{align-items:center;background:#ff0;display:flex;flex:1 1;height:100vh;justify-content:center;width:100%}}.contact{background:#060924;display:flex;height:463px;padding-top:50px;position:relative}.contact h1{color:#fff;font-size:35px;font-weight:900;margin:0;padding:20px}.home{background:#fff;display:flex;height:100vh;overflow:hidden}.home .leftContent{align-items:center;display:flex;flex:1 1;justify-content:center}.home .rightContent{flex:1 1;position:relative}.home .leftWrapper{flex-direction:column;height:50%;justify-content:space-between;padding:50px}.home .Titles{height:50px;overflow:hidden}.home .titleWrapper{-webkit-animation:move 10s ease-in-out infinite alternate;animation:move 10s ease-in-out infinite alternate;height:100%}@-webkit-keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(-150px);transform:translateY(-150px)}}@keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(-150px);transform:translateY(-150px)}}.home .titleItem{align-items:center;color:#9db91f;display:flex;font-size:30px;font-weight:700;height:50px}.home .intro{font-size:30px;font-weight:300}.home .myName{font-size:60px}.home .imgContent .aboutimg{border-radius:15px;height:100%;object-fit:cover;position:absolute;width:100%}.home .imgline{background-color:#9db91f;-webkit-clip-path:polygon(100% 0,100% 5%,100% 100%,25% 100%,0 100%,5% 0);clip-path:polygon(100% 0,100% 5%,100% 100%,25% 100%,0 100%,5% 0);height:100%;position:absolute;right:0;top:0;width:100%}@media (max-width:900px){.home{flex-direction:column}.home .imgContent .aboutimg{left:0}.home{height:150vh}}@media (min-width:900px){.youtube{background:#060924;height:5103px;padding-top:50px;position:relative;width:100%}.youtube .videoContent iframe{height:350px;left:0;width:100%}.youtube h1{color:#fff;font-size:35px;font-weight:900;margin:0;padding:15px}.youtube h3{color:#fff;padding:5px}.youtube .videoContent{border-bottom:2px ridge #fff;height:420px;left:0;max-width:100%}}@media (max-width:900px){.youtube .videoContent iframe{height:350px;left:0;width:100%}.youtube{display:block}.youtube h3{color:#fff;padding:20px}.youtube .videoContent{border-bottom:2px ridge #fff;height:470px;left:0;max-width:100%}.youtube{background:#060924;height:5663px;width:100%}.Navigation{display:none}.MobileTopBar{align-items:center;background:#64d4dd;border-bottom:1px ridge #fff;display:flex;height:60px;left:0;position:fixed;top:0;width:100%}.MobileTopBar .closebtn,.MobileTopBar .menubtn{cursor:pointer;font-size:1.5rem;padding:8px;position:absolute;right:5%}.MobileTopBar .fa-bars:hover{background:#fff;color:#8a2be2}.MobileTopBar span i{color:#fffefe;font-size:1rem;padding:10px}.MobileTopBar span h4{color:#faebd7;font-size:1rem}.MobileTopBar .linksContainer{background:#181818;display:flex;flex-direction:column;left:0;padding:8px;position:absolute;top:60px;width:100%}}@media (min-width:900px){.Navigation{background:#64d4dd;height:50px;left:0;position:fixed;top:0;width:100%}.Navigation .linksContainer br{display:none}.Navigation span i{color:#fff;display:inline-block;font-size:1rem;margin:1.5vw}.Navigation span i:hover{border-bottom:2px solid #fff;color:#000}.MobileTopBar{display:none}}
/*# sourceMappingURL=main.03722f94.css.map*/