body,html{align-items:center;display:flex;flex-direction:column;justify-content:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212121;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:1920px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#fff;background-color:#212121;display:flex;flex-direction:column;justify-content:center;max-width:1920px;width:90vw}.App-body{box-sizing:border-box;font-family:Poppins,sans-serif;padding-left:50px;padding-right:50px;width:100%}a{color:inherit}a,a:active,a:hover,a:link,a:visited{text-decoration:inherit}.nav-section{background-color:#212121;flex-direction:column;position:-webkit-sticky;position:sticky;top:0}.header-bar,.nav-section{align-items:center;display:flex;justify-content:space-between;width:100%}.header-bar{box-sizing:border-box;flex-direction:row;height:auto;margin-bottom:12px;margin-top:24px}.header-logo{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.header-logo>h1{font-weight:700;margin:0 25px;min-width:136px;text-align:center}.header-logo>h1,.header-logo>h2{color:#fff;font-size:35px;padding:0}.header-logo>h2{font-weight:400;margin:0 25px 0 0;min-width:91px}.nav-bar{height:auto;justify-content:flex-end}.nav-bar,.nav-item{align-items:center;display:flex;flex-direction:row}.nav-item{border-radius:10px;color:#fff;font-size:25px;justify-content:center;min-width:110px;padding:10px 18px}.nav-item:hover{background:rgba(135,206,235,.9);box-shadow:0 0 10px skyblue;color:#fff;cursor:pointer}.nav-item:active{background:rgba(131,205,235,.7)}.nav-dropdown{align-items:center;border-radius:5px;display:flex;flex-direction:row;justify-content:center}.nav-dropdown:hover{background:rgba(131,205,235,.5);box-shadow:0 0 15px skyblue}.nav-dropdown:active{background-color:rgba(135,206,235,.9)}.dropdown-container{background-color:#2c2c2c}.dropdown-container,.dropdown-item{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.dropdown-item{color:#fff;font-size:25px;height:50px}.dropdown-item:hover{background-color:rgba(135,206,235,.3);box-shadow:0 0 10px skyblue}.dropdown-item:active{background:rgba(131,205,235,.7)}@media only screen and (max-width:807px){.nav-bar,.nav-item{display:none}}@media only screen and (min-width:808px){.item-dropdown,.nav-dropdown{display:none}}@media only screen and (max-width:907px){.nav-item{border-radius:10px;color:#fff;min-width:110px;padding:10px 18px}}@media only screen and (max-width:981px){.header-logo>h1,.header-logo>h2{font-size:25px}}@media only screen and (max-width:1215px){.header-logo>h2{margin:0}.header-logo{align-items:center;flex-direction:column;justify-content:center}}.header-section{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin:0;padding:50px 0;width:100%}.introduces>h3{font-weight:400;margin:0;width:auto}.introduces>h1,.introduces>h3{color:#fff;font-size:35px;padding:0}.introduces>h1{font-weight:700;margin:0 0 32px;max-width:420px}.introduces>p{color:#fff;font-size:24px;font-weight:400;margin:0;max-width:600px;padding:0}.picture{border-radius:30px;box-shadow:0 0 15px skyblue;height:380px;margin-left:65px;min-width:280px;overflow:hidden;width:280px}.picture:hover{box-shadow:0 0 20px skyblue}.picture>img{height:100%;width:100%}@media only screen and (max-width:807px){.header-section{flex-direction:column}.picture{margin:0;order:0}.introduces{align-items:center;display:flex;flex-direction:column;justify-content:center;order:1;padding-top:25px}.introduces>h1,.introduces>h3,.introduces>p{text-align:center}}.pic-github{height:120px;padding:5px;width:120px}.pic-github>img{border-radius:35px;height:100%;width:100%}.footer-section{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.footer-section,.footer-title>h1{padding-bottom:50px;padding-top:50px}.footer-title>h1{color:#fff;font-size:35px;font-weight:700;text-align:center}.footer-bar{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:100%}.email,.github,.instagram,.tel{align-items:center;color:#f0f8ff;display:flex;flex-direction:column;justify-self:center;padding-bottom:25px;padding-top:25px}@media only screen and (max-width:807px){.footer-bar{flex-direction:column}.tel{order:3}.email{order:4}}*{box-sizing:border-box;margin:0;padding:0}.passion-section{flex-direction:column;padding-bottom:50px;padding-top:50px;width:100%}.passion-section,.title{align-items:center;display:flex;justify-content:center}.title{flex-direction:row;margin:50px 0;padding:0}.title>h1{color:#fff;font-size:35px;margin:10px;padding:0;text-align:center}#first-word{font-weight:400}#second-word{font-weight:700}.passion-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;width:100%}.passion-card{align-items:center;background-color:#2c2c2c;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:space-between;max-width:420px;min-width:280px;padding:26px;width:auto}.passion-card:hover{box-shadow:0 0 10px skyblue}.passion-card p{text-align:center}.card-pic,.passion-title{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}.card-pic{flex-wrap:nowrap}.pic-tailwind{height:130px;width:130px}.pic-tailwind>img{height:100%;width:100%}.pic-react{height:130px;padding:10px;width:130px}.pic-react>img{height:100%;width:100%}#font-end{font-weight:700}#dev{font-weight:400;margin-left:5px}.pic-nodejs{height:130px;width:130px}.pic-nodejs>img{height:100%;width:100%}.pic-mongodb{height:130px;width:130px}.pic-mongodb>img{height:100%;width:100%}.pic-html{height:130px;padding:5px;width:130px}.pic-getthatjob{padding:5px}.pic-getthatjob,.pic-html>img{height:100%;width:100%}.pic-css{height:130px;padding:5px;width:130px}.pic-css>img{height:100%;width:100%}.pic-javascript{height:130px;padding:15px;width:130px}.pic-javascript>img{height:100%;width:100%}.pic-redux{height:110px;padding:10px;width:110px}.pic-redux>img{height:100%;width:100%}.pic-postgresql{height:130px;padding:10px;width:130px}.pic-postgresql>img{height:100%;width:100%}@media only screen and (max-width:400px){.title{flex-direction:column}}@media only screen and (max-width:500px){.passion-title{flex-direction:column}}@media only screen and (max-width:1700px){.passion-container{flex-wrap:wrap}.passion-card{margin:25px}.card-pic{flex-wrap:wrap}.passion-title{margin-bottom:25px;margin-top:25px}}
/*# sourceMappingURL=main.a7d276ad.css.map*/