@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&family=Rubik:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}a{outline:transparent!important}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{*zoom:1;display:inline-block;*display:inline;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{-ms-interpolation-mode:bicubic;border:0}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:initial;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;*height:13px;padding:0;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{background:#ccc;color:#4b4b44;margin:.2em 0;padding:.2em 0}body{background-color:#f2ffff;font-family:Ubuntu,sans-serif}.App{background-color:#f5f5f5}.fade-in-element{opacity:0;transition:opacity 1s ease-in-out}.fade-in{opacity:1}.header{align-items:center;display:flex;flex-direction:row;height:10vh;justify-content:space-evenly}.header h2{font-size:32px;font-weight:600}.header .webNav{display:flex;flex-direction:row;justify-content:space-between;width:40%}.header .webNav li{cursor:pointer;font-size:22px}.header .webNav li:after{border-top:2px solid #000;content:"";display:block;transition:width .3s;width:0}.header .webNav li:hover:after{width:100%}.header button{background:#fff;border:1px solid #fff;border-radius:50px;box-shadow:0 0 25px #b6b6b6;-webkit-box-shadow:0 0 25px #b6b6b6;color:#313638;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:17px 27px}.header button a{font-family:Ubuntu,sans-serif;text-decoration:none}.header img{cursor:pointer}.header .MobileNav,.header img{display:none}@media only screen and (max-width:787px){.header h2{font-size:22px}.header .webNav li{font-size:16px}.header button{border:1px solid #061671;box-shadow:0 0 0 #fff;-webkit-box-shadow:0 0 0 #fff;padding:9px 13px}}@media only screen and (max-width:600px){.header .webNav{display:none}.header img{display:block;width:20px}.header .MobileNav{background-color:#f5f5f5;box-shadow:0 8px 4px -2px #333;display:block;height:200px;position:absolute;right:0;top:60px;width:100%}.header .MobileNav .MobileChoices{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.header .MobileNav .MobileChoices li{cursor:pointer;font-size:21px;font-weight:700}}.home{align-items:center;display:flex;height:90vh;justify-content:center;width:100%}.home .home_contect{display:flex;flex-direction:row;height:100%;justify-content:space-between;width:95%}.home .home_contect .left_side{align-items:center;display:flex;justify-content:center;width:35%}.home .home_contect .left_side img{border-radius:16px;box-shadow:0 0 20px #000;max-width:80%}.home .home_contect .right_side{display:flex;flex-direction:column;justify-content:space-evenly;width:45%}.home .home_contect .right_side h3{align-self:center;font-family:Lato,sans-serif;font-size:20px}.home .home_contect .right_side h3 span{font-weight:600}.home .home_contect .right_side h1{align-self:center;color:#4500eb;font-size:52px;font-weight:600}.home .home_contect .right_side p{align-self:center;font-family:Lato,sans-serif;font-size:22px;font-weight:400;padding:10px 20px;text-align:center;width:70%}@media only screen and (max-width:1109px){.home .home_contect .right_side h1{font-size:42px}}@media only screen and (max-width:877px){.home .home_contect .right_side h1{font-size:32px}}@media only screen and (max-width:682px){.home .home_contect .right_side h3{font-size:16px}.home .home_contect .right_side h1{font-size:22px}}@media only screen and (max-width:616px){.home{height:95vh}.home .home_contect{align-items:center;display:flex;flex-direction:column-reverse;justify-content:space-evenly}.home .home_contect .right_side{display:flex;height:100%;justify-content:space-evenly;width:80%}.home .home_contect .right_side h3{font-size:22px}.home .home_contect .right_side h1{font-size:37px}.home .home_contect .right_side p{font-size:16px;padding:5px;width:100%}.home .home_contect .left_side{margin-top:10px;width:80%}.home .home_contect .left_side img{width:100%}}@media only screen and (max-width:440px){.home{height:80vh}.home .home_contect{height:100%}.home .home_contect .right_side h3{font-size:14px}.home .home_contect .right_side h1{font-size:18px}.home .home_contect .right_side p{font-size:12px}}.Skills{align-items:center;display:flex;height:115vh;justify-content:center;width:100%}.Skills .Skills_contect{align-items:center;display:flex;flex-direction:column;height:100%;width:95%}.Skills .Skills_contect h2{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(211deg,#4500eb,#038fff);-webkit-background-clip:text;font-size:47px;font-weight:600}.Skills .Skills_contect p{align-self:center;font-family:Lato,sans-serif;font-size:22px;font-weight:400;margin-top:20px;padding:10px 20px;text-align:center;width:80%}.Skills .Skills_contect .skill_container{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;margin-top:10px;width:100%}.Skills .Skills_contect .skill_container .unique_skill{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc;cursor:pointer;display:flex;flex-direction:column-reverse;height:25%;justify-content:space-evenly;margin:10px;width:20%}.Skills .Skills_contect .skill_container .unique_skill .stars{align-items:center;display:flex;flex-direction:row;justify-content:center;width:90%}.Skills .Skills_contect .skill_container .unique_skill .stars img{margin-left:5px;width:30px}.Skills .Skills_contect .skill_container .unique_skill li{color:#000;font-size:22px;font-weight:600}.Skills .Skills_contect .skill_container .unique_skill img{border-radius:4px;width:50px}.Skills .Skills_contect .skill_container .unique_skill:hover{-webkit-animation:skillGlow 1s;animation:skillGlow 1s;background-color:#061671;box-shadow:0 0 20px #000}.Skills .Skills_contect .skill_container .unique_skill:hover li{color:#fff;font-size:22px;font-weight:600}.Skills .Skills_contect .skill_container .unique_skill:hover li:after{border-top:2px solid #fff;content:"";display:block;transition:width .3s;width:0}.Skills .Skills_contect .skill_container .unique_skill:hover li:hover:after{width:100%}@-webkit-keyframes skillGlow{0%{background-color:#fff}to{background-color:#061671}}@keyframes skillGlow{0%{background-color:#fff}to{background-color:#061671}}@media only screen and (max-width:1000px){.Skills .Skills_contect h2{font-size:40px}.Skills .Skills_contect p{font-size:14px}.Skills .Skills_contect .skill_container .unique_skill .stars .star{width:10px}.Skills .Skills_contect .skill_container .unique_skill li{font-size:16px}.Skills .Skills_contect .skill_container .unique_skill img{width:35px}}@media only screen and (max-width:724px){.Skills{height:70vh}.Skills .Skills_contect .skill_container .unique_skill{height:90px;width:18%}.Skills .Skills_contect .skill_container .unique_skill li{font-size:10px}.Skills .Skills_contect .skill_container .unique_skill img{width:20%}.Skills .Skills_contect .skill_container .unique_skill:hover li{font-size:12px}}@media only screen and (max-width:482px){.Skills .Skills_contect h2{font-size:32px}}@media only screen and (max-width:440px){.Skills .Skills_contect .skill_container .unique_skill .stars img{margin-left:1px}}.projects{align-items:center;display:flex;height:160vh;justify-content:center;width:100%}.projects .projects_contect{align-items:center;display:flex;flex-direction:column;height:100%;width:90%}.projects h2{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(211deg,#da03ff,#4500eb);-webkit-background-clip:text;font-size:47px;font-weight:600}.projects p{align-self:center;font-family:Lato,sans-serif;font-size:22px;font-weight:400;margin-top:20px;padding:10px 20px;text-align:center;width:80%}.projects .project_container{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-between;width:100%}.projects .project_container .project{align-items:center;background-color:#fbfbfb;border-radius:16px;box-shadow:0 0 40px #b6b6b6;-webkit-box-shadow:0 0 40px #b6b6b6;display:flex;flex-direction:column;height:550px;margin:40px 20px 0 0;width:450px}.projects .project_container .project img{border-bottom:1px solid #061671;border-radius:16px 16px 0 0;width:100%}.projects .project_container .project .about_project{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}.projects .project_container .project .about_project h3{color:#061671;font-size:24px;font-weight:600}.projects .project_container .project .about_project p{font-family:Lato,sans-serif;font-size:16px;opacity:.61}.projects .project_container .project .about_project p .red{color:red}.projects .project_container .project .about_project .Tech{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:50px;justify-content:space-evenly;width:100%}.projects .project_container .project .about_project .Tech span{align-items:center;background:#061671;border-radius:12px;color:#fff;display:flex;font-family:Lato,sans-serif;height:30px;justify-content:center;text-align:center;width:20%}.projects .project_container .project .about_project div{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.projects .project_container .project .about_project div button{border:none;border-radius:12px;color:#fff;height:50px;width:150px}.projects .project_container .project .about_project div .Website{background-color:#061671}.projects .project_container .project .about_project div .Code{background-color:#000}.projects .project_container .project:hover{-webkit-animation:glow 1s;animation:glow 1s;background-color:#061671}.projects .project_container .project:hover .about_project h3{color:#fff}.projects .project_container .project:hover .about_project p{color:#fff;opacity:.9}.projects .project_container .project:hover .about_project .Tech span{background-color:#fff;color:#000}.projects .project_container .project:hover .about_project div a .Website{border:2px solid #fff}@-webkit-keyframes glow{0%{background-color:#fff}to{background-color:#061671}}@media only screen and (max-width:1566px){.projects{height:270vh}}@media only screen and (max-width:1044px){.projects{height:140vh}.projects .projects_contect .project_container .project{height:400px;width:291px}.projects .projects_contect .project_container .project .about_project h3{font-size:16px}.projects .projects_contect .project_container .project .about_project .Tech div span,.projects .projects_contect .project_container .project .about_project p{font-size:12px}.projects .projects_contect .project_container .project .about_project div a button{font-size:14px;height:34px;width:114px}}@media only screen and (max-width:1036px){.projects{height:160vh}.projects .project_container .project .about_project .Tech span{font-size:8px;height:19px}}@media only screen and (max-width:694px){.projects .projects_contect .project_container .project{height:300px;width:240px}.projects .projects_contect .project_container .project .about_project h3{font-size:16px}.projects .projects_contect .project_container .project .about_project .Tech div span,.projects .projects_contect .project_container .project .about_project p{font-size:12px}.projects .projects_contect .project_container .project .about_project div a .Website{border:1px solid #fff;font-size:8px}.projects .projects_contect .project_container .project .about_project div a button{font-size:10px;height:23px;width:70px}}@media only screen and (max-width:577px){.projects .projects_contect .project_container .project{height:275px;width:210px}.projects .projects_contect .project_container .project .about_project .Tech div span,.projects .projects_contect .project_container .project .about_project p{font-size:10px}.projects{height:280vh}.projects .projects_contect h2{font-size:35px;text-align:center}.projects .projects_contect p{font-size:14px}.projects .projects_contect .project_container{align-items:center;display:flex;justify-content:center}.projects .projects_contect .project_container .project{margin:0 20px 0 0}.projects .projects_contect .project_container .project .about_project p{font-size:8px}.projects .projects_contect .project_container .project .about_project .Tech span{font-size:8px;height:19px}}.about{height:60vh}.about,.about .about_content{align-items:center;display:flex;justify-content:center}.about .about_content{background-color:#fff;border:2px solid #7c7c7c;border-radius:14px;box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;flex-direction:column;height:80%;width:80%}.about .about_content h2{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(211deg,#eb8600,#da03ff);-webkit-background-clip:text;font-size:47px;font-weight:600;letter-spacing:-2px}.about .about_content p{font-family:Lato,sans-serif;font-size:17px;font-weight:600;line-height:30px;padding:50px 0;text-align:center;width:80%}.about .about_content p span{color:blue}.about .about_content:hover{-webkit-animation:glow 1s;animation:glow 1s;background-color:#061671;box-shadow:0 0 20px #000}.about .about_content:hover p{color:#fff}.about .about_content:hover p span{color:#ff002b}@keyframes glow{0%{background-color:#fff}to{background-color:#061671}}@media only screen and (max-width:664px){.about .about_content h2{font-size:34px}.about .about_content p{font-size:12px;padding:10px 0}}@media only screen and (max-width:383px){.about{height:70vh}.about .about_content{height:75%}.about .about_content p{padding:10px 0}}.footer{align-items:center;background-color:#061671;box-shadow:0 0 10px #494949;-webkit-box-shadow:0 0 10px #494949;display:flex;height:300px;justify-content:center}.footer .footer_contect{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:90%}.footer .footer_contect .footer_about{display:flex;flex-direction:column;height:60%;justify-content:space-between}.footer .footer_contect .footer_about h3{color:#fff;font-size:24px;font-weight:600;text-transform:uppercase}.footer .footer_contect .footer_about h4{color:#fff;cursor:text;font-size:16px;font-weight:600;letter-spacing:-.4px;margin:0;opacity:1}.footer .footer_contect .footer_about button{background:#fff;border:none;border-radius:50px;cursor:pointer;display:inline-block;font-family:Lato,sans-serif;font-size:12px;font-weight:600;height:40px;width:130px}.footer .footer_contact{display:flex;flex-direction:column;height:60%;justify-content:space-between}.footer .footer_contact h4{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase}.footer .footer_contact ul{display:flex;flex-direction:column;height:70%;justify-content:space-evenly}.footer .footer_contact ul li{cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.4px}.footer .footer_contact ul li a{color:#fff;text-decoration:none}.footer .footer_sections{display:flex;flex-direction:column;height:60%;justify-content:space-between}.footer .footer_sections h4{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase}.footer .footer_sections ul{display:flex;flex-direction:column;height:70%;justify-content:space-between}.footer .footer_sections ul li{color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.4px}.footer .footer_links{display:flex;flex-direction:column;height:30%;justify-content:space-between}.footer .footer_links h4{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase}.footer .footer_links button{background-color:#061671;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.4px}.footer .footer_links button a{color:#fff;text-decoration:none}@media only screen and (max-width:620px){.footer .footer_contect .footer_about h3{font-size:12px}.footer .footer_contect .footer_about h4{font-size:11px}.footer .footer_contect .footer_about button{font-size:8px;height:20px;width:55px}.footer .footer_contect .footer_contact h4{font-size:12px}.footer .footer_contect .footer_contact ul li{font-size:10px}.footer .footer_contect .footer_sections h4{font-size:12px}.footer .footer_contect .footer_sections ul li{font-size:10px}}@media only screen and (max-width:577px){.footer .footer_links{width:140px}.footer .footer_links h4{font-size:12px;text-align:center}.footer .footer_links button{font-size:10px}}
/*# sourceMappingURL=main.4c67e6ce.css.map*/