body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-color:#fff;font-family:Consolas,Cambria,Cochin,Georgia,Times,"Times New Roman",serif}.badge{display:inline-block;border-radius:10rem;margin:5px;padding-right:.6em;padding-left:.6em;box-shadow:8px 10px 12px 3px rgba(0,0,0,.43)}.card{transition:.3s ease;width:350px;color:#242e42;word-wrap:break-word;border:1px solid rgba(0,0,0,.125);border-radius:10px;background-color:#74b9ff;box-shadow:0 10px 10px rgba(0,0,0,.2);margin-bottom:10px}.card>p{opacity:.7}.card:hover{box-shadow:0 8px 16px 0 #74b9ff}.image-container>img{height:75px;margin-top:12px;margin-bottom:12px}.image-container{background-color:#74b9ff;border-radius:10px 10px 0 0}@media screen and (min-width:900px){.card{display:inline-table;height:400px;margin-left:15px;margin-right:15px}}@media screen and (max-width:900px){.card{overflow:hidden;height:200px;margin:auto auto 10px}.card:hover{height:400px}}@media screen and (max-width:900px){.card{overflow:hidden;height:200px;margin:auto auto 10px}}@media screen and (max-width:600px){.card{height:120px;width:300px}.card>h1{font-size:20px}.card:hover{height:300px}.image-container>img{height:50px;margin-top:12px;margin-bottom:12px}}.tag-content>div,p{display:inline-block}.tag-content>p{color:#1dd1a1}.tag-container{display:grid}.tag-content{margin:auto;color:#fff;font-size:30px}.tag-content>div{color:#74b9ff}@media screen and (max-width:600px){.tag-content{font-size:20px}}.horizontal-container>h1{margin-top:0}.horizontal-container{color:#fff;padding-bottom:20px}.wrap-image{border-radius:50%;border:5px solid #242e42;box-shadow:0 30px 15px rgba(0,0,0,.2);display:grid;overflow:hidden;margin:auto}.wrap-image>img{margin:auto}.presentation-container{display:grid;height:500px}.presentation-text{grid-area:text;width:100%;color:#fff}.presentation-text>p{font-size:20px}.presentation-image{grid-area:image;background-size:cover}.filter-medium{background:rgba(0,0,0,.5)}.filter-low{background:rgba(0,0,0,.1)}.text-container{width:100%;height:100%;display:grid}.text-container>p{color:#fff;margin:auto;font-size:25px}.profile-image{grid-area:profile-image}@media screen and (min-width:900px){.presentation-container{grid-template-areas:"text image" "profile-image image";grid-template-columns:1fr 1fr;grid-template-rows:1fr 2fr}.wrap-image{width:300px;height:300px}.wrap-image>img{width:300px}}@media screen and (max-width:900px){.presentation-container{grid-template-areas:"image" "text" "profile-image"}.wrap-image{width:150px;height:150px}.wrap-image>img{width:150px}}.bullet-title-container>div,.bullet-title-container>h3{display:inline-block;margin-left:2px;margin-right:2px}.bullet-container>p{opacity:.7;font-style:italic}.drop-list-container{color:#242e42}.drop-list{transition:all .3s linear}.drop-list:hover{color:#74b9ff}@media screen and (min-width:900px){.drop-list{display:none!important}}@media screen and (max-width:900px){.list{transition:all .3s linear;height:0;overflow:hidden}.drop-list{cursor:pointer}}.responsive{height:500px}.arrow-open{transform:rotate(-180deg)}@media screen and (max-width:600px){.drop-list-container>h2{font-size:20px}}.meter{box-sizing:content-box;height:20px;position:relative;background-color:#242e42;padding:10px;width:500px;margin:20px auto}.meter>span{float:left;height:100%}.meter>.progress-bar{color:#242e42;background-color:#74b9ff;box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4);border-radius:0 5px 5px 0}.percentage{margin-left:10px;background-color:#242e42;color:#fff}@media screen and (max-width:620px){.meter{width:400px}}@media screen and (max-width:500px){.meter{width:250px}}.skill-container{color:#fff;display:grid}.skill-title-container{grid-area:title}.bullet-container{grid-area:bullet-list}.progress-bar-container{grid-area:progress-bar-list}h2{color:#242e42}@media screen and (min-width:900px){.skill-container{grid-template-areas:"title title" "bullet-list progress-bar-list";grid-template-columns:1fr 1fr}}@media screen and (max-width:900px){.skill-container{grid-template-areas:"title" "bullet-list" "progress-bar-list"}}.transition-container{height:500px;background-image:url(https://i.pinimg.com/originals/0b/06/39/0b06397a3199bee4a5922ee4488ebf5a.jpg);background-size:cover}.small-icon{width:40px;height:40px;border-radius:20px;background:#fff;display:inline-block;margin-left:10px;margin-right:10px;color:#000;transition:all .5s ease-in-out}.small-icon>i{margin-top:10px}.small-icon:hover{background-color:#74b9ff;color:#fff}footer{grid-template-columns:"social-network" "copyright";background-color:#242e42;color:#fff;position:relative;bottom:0;left:0;right:0}.footer-container,footer{display:grid}.footer-content{margin:auto}@media screen and (min-width:900px){footer{height:200px}}@media screen and (max-width:900px){footer{height:150px}}.navigation{grid-area:navigation;display:grid}.topnav{overflow:hidden;transition:all .1s linear}.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;transition:all .5s ease-in-out}.topnav a:hover{background-color:#ddd;color:#242e42}.topnav a.active{background-color:#fff;color:#242e42}.topnav .icon{display:none}@media screen and (max-width:900px){.topnav a{display:none}.topnav a.icon{margin-top:5px;float:right;display:block}.icon>div{height:100%;width:100px}}@media screen and (max-width:900px){.topnav{margin-top:75px}.topnav.responsive-open{position:relative;height:100%}.topnav.responsive-closed{height:0}.navigation .icon{color:#fff;position:absolute;right:0;height:75px}.topnav a{float:none;display:block;text-align:left;background-color:#242e42}.topnav a.icon{background-color:transparent}}@media screen and (min-width:900px){.topnav a{margin-top:15px;border:1px solid #fff;border-radius:50px;margin-right:10px;width:110px}.icon{display:none}}@media screen and (max-width:900px){.icon-link{display:inline-block;margin-right:10px}.link-container{margin-top:15px}}@media screen and (min-width:900px){.icon-link{display:none!important}}.container{transition:all .5s linear;position:-webkit-sticky;position:sticky;top:0;z-index:50;display:grid;grid-template-areas:"logo navigation navigation navigation";background-color:#242e42;color:#fff;height:75px}.logo-container{grid-area:logo;display:grid;max-height:75px}.logo{margin:auto}.transparent{transition:all .5s linear;opacity:0}@media screen and (max-width:900px){.logo-container{display:block;margin-top:30px;width:200px}}
/*# sourceMappingURL=main.8a595bd2.chunk.css.map */