.drawer-links{display:inline-block;font-family:Asap,sans-serif;list-style:none;padding-bottom:40px}header{display:flex;flex-direction:row;justify-content:space-between;width:100%;min-width:100%;height:90px;min-height:100px;margin-bottom:auto;padding:15px 20px 5px 15px;background-color:#001d4a;color:#eca400}header .burgerBtn{display:none}@media (max-width:900px){header .burgerBtn{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width:450px){header .burgerBtn{font-size:10px}}header .logo{display:flex;flex-direction:column;justify-content:center;align-items:center}header .logo h1{font-family:Amatic SC,cursive;font-size:2.5em;font-weight:700;line-height:.8em;letter-spacing:5px;margin-bottom:0;padding-bottom:0}@media (max-width:450px){header .logo h1{font-size:2em;letter-spacing:3px}}header .logo p{justify-self:flex-start;font-family:Amatic SC,cursive;font-size:1.5em;letter-spacing:3px}@media (max-width:450px){header .logo p{font-size:1em;letter-spacing:1px}}header nav{display:flex;justify-content:center;align-items:center}header nav ul{display:flex;flex-direction:row;justify-content:space-between;align-content:center;list-style:none}header nav ul li{display:inline-block;font-family:Asap,sans-serif;transition:all .1s ease-in-out}header nav ul a{color:#eca400;text-decoration:none;font-size:1.2em}header nav ul li:hover{cursor:pointer;text-shadow:1px 1px 3px #eca400}@media (max-width:900px){header nav{display:none}}.seperator{display:inline-block;width:20px}.link-active{border-bottom:2px solid #eca400}.drawer-content{display:flex;flex-direction:column}.drawer-content .drawer-close-btn{margin-bottom:40px}.drawer-content ul{display:flex;flex-direction:column}a{text-decoration:none;color:#27476e}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:300px;background-color:#f4fae3;box-shadow:3px 3px 10px 1px #000;border-radius:100px 40px 60px 60px}@media (max-width:450px){.card{width:250px;height:250px}}.card h4{position:absolute;font-family:Amatic SC,cursive;font-size:4em;font-weight:700;align-self:center;justify-self:center;z-index:999}@media (max-width:450px){.card h4{font-size:3em}}.card p{font-family:Asap,sans-serif;text-align:center;font-weight:700;font-size:1.5em}.card-show{transition:all .5s ease-in-out;opacity:1;z-index:99}.card-hide{opacity:0}.card:hover{box-shadow:1px 1px 5px 1px #000}.card:hover .card-icon{opacity:.4}.card-icon{position:absolute;align-self:center;justify-self:center;text-align:center;opacity:.2;z-index:9;color:#006992}.home-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;width:800px;height:800px}@media (max-width:900px){.home-section{grid-template-columns:1fr;grid-template-rows:1fr;grid-row-gap:60px;width:400px;height:auto;margin:50px auto}}@media (max-width:450px){.home-section{width:100%}}.about-section{display:flex;flex-direction:column;width:800px;height:auto;padding:20px 30px;margin:30px auto;border-radius:120px 60px 120px 60px;border:1px solid #001d4a;color:#27476e;font-family:Asap,sans-serif}@media (max-width:900px){.about-section{width:96%}}.about-section h1{text-align:center;margin-bottom:5px;font-size:2.5em;letter-spacing:3px}@media (max-width:900px){.about-section h1{font-size:2.2em}}@media (max-width:600px){.about-section h1{font-size:1.9em}}@media (max-width:450px){.about-section h1{font-size:1.5em}}.about-section h3{text-align:center;margin-bottom:20px}.about-section .photo-div{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 20px;padding:20px}.about-section .photo-div .photo-profil{width:200px;border:1px solid #001d4a;border-radius:30% 30% 30% 30%}.about-section p{text-align:justify;font-size:1.3em;margin-bottom:15px}.about-section .about-smile{font-size:40px;padding-top:10px;padding-bottom:0}.cv-section{display:flex;flex-direction:column;width:800px;height:auto;padding:20px 30px;margin:30px auto 20px;color:#27476e;font-family:Asap,sans-serif}@media (max-width:900px){.cv-section{width:90%;margin:30px auto 20px}}@media (max-width:600px){.cv-section{width:90%;padding:20px 0;margin:30px auto 20px}}@media (max-width:450px){.cv-section{width:90%;margin:30px auto 20px}}.cv-section .cv-content{display:grid;grid-template-columns:100px 1fr;grid-template-rows:repeat(5,auto);grid-row-gap:20px;grid-column-gap:10px;border-radius:120px 60px 120px 60px;border:1px solid #001d4a;padding:20px 15px 30px 30px;margin-bottom:40px}@media (max-width:900px){.cv-section .cv-content{width:100%;display:block;padding:20px 10px 30px 25px;margin:0 auto 40px}}@media (max-width:600px){.cv-section .cv-content{width:100%;display:block;padding:20px 10px 30px 25px;margin:0 auto 40px}}@media (max-width:450px){.cv-section .cv-content{display:block;width:96%;padding:20px 10px 30px 25px;margin:10px auto 40px}}.cv-section .cv-content h3{grid-column-start:1;grid-column-end:3;text-align:center}@media (max-width:900px){.cv-section .cv-content h3{margin-bottom:10px}}@media (max-width:600px){.cv-section .cv-content h3{margin-bottom:10px}}@media (max-width:450px){.cv-section .cv-content h3{margin-bottom:10px}}.cv-section .cv-content .date{text-align:left;font-size:1em;font-weight:700}.cv-section .cv-content .content{text-align:justify;font-size:1.1em;font-family:Asap,sans-serif;margin-bottom:5px}@media (max-width:900px){.cv-section .cv-content .content{margin-bottom:20px}}@media (max-width:600px){.cv-section .cv-content .content{margin-bottom:20px}}@media (max-width:450px){.cv-section .cv-content .content{margin-bottom:20px}}.cv-section .cv-other{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;border-radius:120px 60px 120px 60px;border:1px solid #001d4a;text-align:center;padding:30px;height:220px}@media (max-width:900px){.cv-section .cv-other{width:96%;margin:30px auto 20px}}@media (max-width:600px){.cv-section .cv-other{width:100%;grid-row-gap:10px;padding:20px 10px 30px 20px;margin:0 auto 40px}}@media (max-width:450px){.cv-section .cv-other{grid-template-columns:1fr;grid-row-gap:40px;width:96%;height:350px;padding:20px 10px 30px 20px;margin:10px auto 40px;grid-column-gap:2px}}.cv-section .cv-other h4{margin:0 auto 30px}@media (max-width:450px){.cv-section .cv-other h4{margin:0 auto 10px}}.portfolio-section{display:grid;grid-template-areas:"title title" "port-1 port-2" "port-3 port-4";grid-template-columns:1fr 1fr;align-items:center;justify-items:center;width:800px;height:800px;margin:30px auto;color:#27476e;font-family:Asap,sans-serif}@media (max-width:900px){.portfolio-section{grid-template-areas:"title" "port-1" "port-2" "port-3" "port-4";grid-template-columns:1fr;grid-template-rows:1fr;grid-row-gap:60px;width:400px;height:auto;margin:50px auto}}@media (max-width:450px){.portfolio-section{width:100%}}.portfolio-section h3{text-align:center;margin-bottom:5px;font-size:2.2em;letter-spacing:3px;grid-area:title}@media (max-width:900px){.portfolio-section h3{font-size:2em}}@media (max-width:600px){.portfolio-section h3{font-size:1.7em}}@media (max-width:450px){.portfolio-section h3{font-size:1.5em;margin-bottom:0}}.portfolio-section .port{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:300px;height:300px;margin-bottom:15px;align-content:center;text-align:justify;font-size:1.1em;border-radius:120px 60px 120px 60px;border:1px solid #001d4a;overflow:hidden}.portfolio-section .port img{width:300px;height:200px;border-bottom:1px solid #001d4a}.portfolio-section .port p{margin:15px 10px 10px}.portfolio-section .port:hover{box-shadow:2px 1px 9px 4px rgba(51,51,51,.4)}.portfolio-section .port-1{grid-area:port-1}.portfolio-section .port-2{grid-area:port-2}.portfolio-section .port-3{grid-area:port-3}.portfolio-section .port-4{grid-area:port-4;justify-content:center}.contact-section{width:100%;height:600px;padding:20px 30px;margin:60px auto 140px;border-radius:120px 60px 120px 60px;color:#27476e;font-family:Asap,sans-serif}.contact-section,.contact-section .contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-section .contact-form{width:90%;border:1px solid #001d4a}footer{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:70px;min-height:70px;margin-top:auto;background-color:#27476e;color:#f4fae3}@media (max-width:600px){footer{flex-direction:column;padding:20px auto 10px;height:100px}}footer p{font-family:Asap,sans-serif;font-size:1.2em}footer .media-icons{color:#f4fae3;transition:all .1s ease-in-out}footer .media-icons:hover{cursor:pointer;transform:translateY(-5px)}footer .f-seperator{display:inline-block;width:30px}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;min-width:100%;height:100%;min-height:100%}#root,body{background-color:#f4fae3}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.fade-appear,.fade-enter{opacity:0;z-index:1}.fade-appear-active,.fade-enter.fade-enter-active{opacity:1;transition:opacity .3s linear .15s}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:0;transition:opacity .15s linear}
/*# sourceMappingURL=/react-portfolio.de6dbb5e.css.map */