@import url(https://fonts.googleapis.com/css2?family=Brygada+1918&display=swap);@media only screen and (max-width:576px){body{width:100vw}body #navigation{width:90vw}body #home .introduction{margin:1rem}body #home .introduction img{object-fit:scale-down;max-width:100%}body #about{margin-bottom:10rem}body #about .card-body{margin:0;width:80vw}body #technologies{display:none;margin-top:1rem}body #technologies .color-tech{display:none}body #technologies img{justify-items:center}body #projects{justify-content:center}body .form{margin:0}body .card{margin-top:2rem}body .form{margin-right:2rem}body .form .btn-container{display:flex;justify-content:center}}@media screen and (min-width:577px) and (max-width:1025px){body{width:100vw}#navigation{width:100%}#navigation button{margin-right:8rem}#home .introduction img{object-fit:scale-down;max-width:100%}#about .h4{max-width:100%}#technologies .color-tech{display:none}#projects{margin:6rem}#contact,#projects{justify-content:center}.form{width:100vw;width:70vw}.form .btn-container{display:flex;justify-content:center}}@keyframes tech-up{0%{opacity:0}to{opacity:1}}@keyframes spinn{to{transform:rotate(1turn)}}body{width:100vw}.btn-primary{background-color:#ff735c;border:none}.btn-primary:focus,.btn-primary:hover{background-color:#385a64}#navigation{animation-name:tech-up;animation-duration:1s;padding:1.5rem;display:flex;justify-content:center}#navigation #logo-navbar{height:4rem;padding-left:3rem}#navigation .collapse{justify-content:center}#navigation .navbar-brand{font-size:1.5rem}#navigation .navbar-nav{padding-right:3rem;text-align:center}#navigation .navbar-nav a{font-family:Brygada\ 1918,serif;text-decoration:none;color:#000;padding:1rem;font-size:1.5rem}#navigation .navbar-nav a:hover{cursor:pointer;color:#ff735c}#home{animation-name:tech-up;animation-duration:2s;display:flex;justify-content:center}#home .introduction{text-align:center}#home .introduction img{height:80vh}#about,#home .introduction h1{font-family:Brygada\ 1918,serif}#about{margin-top:2rem;text-align:center;height:55vh}#about .color-width{background-color:#ff735c;width:80vw;height:10vh;margin:0 auto}#about .container{margin-top:2rem;width:50vw;display:flex;justify-content:center}#about .container .card-title{font-weight:700}#about .container .color{background-color:#ff735c;width:.15vw;justify-content:start;margin-bottom:4rem}#technologies{margin-top:1rem;font-family:Brygada\ 1918,serif}#technologies .card-title{text-align:center;font-weight:700;margin-bottom:2rem}#technologies .color-tech{background-color:#ff735c;width:1px;justify-content:start;margin-bottom:4rem}#technologies .col{margin:4rem;display:flex;flex-direction:column}#technologies .col .picture{width:8rem;height:8rem;margin-bottom:6rem;cursor:pointer}#technologies .col .picture:hover{animation-name:spinn;animation-duration:.5s;animation-timing-function:ease-out}#projects{display:flex;justify-content:center;align-items:center;list-style:none}#projects .card{width:60vw}#projects .card:hover{cursor:pointer}#projects #projectDetails1,#projects #projectDetails2{animation-name:tech-up;animation-duration:1s;visibility:visible}#projects .Features{list-style:none}#projects .gallImg{height:25vh}#projects .textUnderIcons{text-decoration:none;color:#000}#projects .textUnderIcons:hover{cursor:pointer;color:#385a64}#projects .row{display:flex;justify-content:center}#projects .card-title{font-family:Brygada\ 1918,serif;text-align:center;font-weight:700;margin-bottom:2rem}#projects #git{text-align:center;margin:1rem}#projects #git img{margin-top:2rem;height:2rem;margin-left:0;margin-right:0}#projects .git{text-align:center;margin:1rem}#projects .git img{margin-top:2rem;height:2rem}#contact .container{display:flex;flex-direction:column;align-items:center;justify-content:center}#contact .title-container{text-align:center}#contact .title-container .title{font-family:Brygada\ 1918,serif;height:2rem;font-weight:700;margin-bottom:2rem}#contact .card{margin-top:2rem}#contact .form{width:55vw;margin:0}#contact .form .btn-container{display:flex;justify-content:center}#footer{width:100%;height:12rem;background-color:#ff735c}#footer footer{text-align:center;margin-top:2rem}#footer footer img{margin-top:2rem;height:2rem}#footer footer p{margin-top:2rem}#footer footer a{cursor:pointer}#footer footer #mylogo{margin:0}.autoprefixer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}