.wrapper{display:flex;flex-direction:column;position:absolute;width:100%;right:0;left:0;top:0;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.introduction{margin-top:70px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.project1{height:950px;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.project1Title{width:100%;display:flex;justify-content:center;background-color:#707070;position:relative;top:5px;color:#dbdbdb;border-radius:3px;font-size:50px}.boardGrid{display:grid;grid-template-columns:repeat(5,610px);position:relative}.project2{height:400px;width:100%;background-color:#b3b3b3;border-top:1px solid black}.project2Title{position:relative;font-weight:bolder;background-color:#777;height:60px;padding-top:20px;display:flex;justify-content:center;border-bottom:1px solid black}.portrait{height:600px;width:900px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:900px;margin-left:45%;margin-top:200px;font-size:28px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center;padding:1%}@media (max-width: 3056px){.introduction{margin-top:70px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.project1{height:950px;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.boardGrid{display:grid;grid-template-columns:repeat(4,610px);position:relative}.project2{height:400px;width:100%;background-color:#b3b3b3;border-top:1px solid black}.project2Title{position:relative;font-weight:bolder;background-color:#777;height:60px;padding-top:20px;display:flex;justify-content:center;border-bottom:1px solid black}.portrait{height:600px;width:900px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:900px;margin-left:45%;margin-top:200px;font-size:30px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}}@media (max-width: 2452px){.introduction{margin-top:70px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.project1{height:100%;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.boardGrid{display:grid;grid-template-columns:repeat(3,610px);position:relative}.project2{height:400px;width:100%;background-color:#b3b3b3;border-top:1px solid black}.project2Title{position:relative;font-weight:bolder;background-color:#777;height:60px;padding-top:20px;display:flex;justify-content:center;border-bottom:1px solid black}.portrait{height:600px;width:900px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:900px;margin-left:45%;margin-top:200px;font-size:30px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}}@media (max-width: 1880px){.introduction{margin-top:70px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.project1{height:100%;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.boardGrid{display:grid;grid-template-columns:repeat(2,610px);position:relative}.project2{height:400px;width:100%;background-color:#b3b3b3;border-top:1px solid black}.project2Title{position:relative;font-weight:bolder;background-color:#777;height:60px;padding-top:20px;display:flex;justify-content:center;border-bottom:1px solid black}.portrait{height:600px;width:900px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:900px;margin-left:45%;margin-top:200px;font-size:30px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}}@media (max-width: 1646px){.introduction{margin-top:70px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:600px;width:900px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:900px;margin-left:10%;margin-top:350px;font-size:25px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.project1{height:100%;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.boardGrid{display:grid;grid-template-columns:repeat(2,610px);position:relative}.project2{height:400px;width:100%;background-color:#b3b3b3;border-top:1px solid black}.project2Title{position:relative;font-weight:bolder;background-color:#777;height:60px;padding-top:20px;display:flex;justify-content:center;border-bottom:1px solid black}}@media (max-width: 1246px){.introduction{margin-top:70px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:600px;width:900px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:900px;margin-left:2%;margin-top:350px;font-size:25px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.project1{height:100%;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.boardGrid{display:grid;grid-template-columns:repeat(1,610px);position:relative}.project2{height:400px;width:100%;background-color:#b3b3b3;border-top:1px solid black}.project2Title{position:relative;font-weight:bolder;background-color:#777;height:60px;padding-top:20px;display:flex;justify-content:center;border-bottom:1px solid black}}@media (max-width: 968px){.introduction{margin-top:60px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:600px;width:700px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:600px;margin-left:6%;margin-top:390px;font-size:20px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.project1{height:100%;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.boardGrid{display:grid;grid-template-columns:repeat(1,610px);position:relative}.project2{height:400px;width:100%;background-color:#b3b3b3;border-top:1px solid black}.project2Title{position:relative;font-weight:bolder;background-color:#777;height:60px;padding-top:20px;display:flex;justify-content:center;border-bottom:1px solid black}}@media (max-width: 686px){.introduction{margin-top:60px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:600px;width:700px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:600px;margin-left:1%;margin-top:390px;font-size:20px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.boardGrid{display:grid;grid-template-columns:repeat(1,610px);position:relative;left:-5%}}@media (max-width: 610px){.introduction{margin-top:60px;height:600px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:600px;width:700px;object-fit:cover;object-position:left top;margin:0}.introText{height:200px;width:574px;margin-left:1%;margin-top:390px;font-size:20px;font-weight:700;background-color:#3f3f3f;opacity:.5;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.project1{height:2800px;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.project1Title{width:700px;display:flex;justify-content:center;background-color:#707070;position:relative;left:-12%;top:5px;color:#dbdbdb;border-radius:3px;font-size:50px}.boardGrid{display:grid;grid-template-columns:repeat(1,610px);position:relative;left:-8%}}@media (max-width: 581px){.introduction{margin-top:60px;height:500px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:500px;width:400px;object-fit:cover;object-position:left top}.introText{height:140px;width:98%;top:25px;font-size:15px;font-weight:700;background-color:#3f3f3f;opacity:.7;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.project1{height:50%;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.project1Title{left:0;margin:0;width:100%;display:flex;justify-content:center;background-color:#707070;position:relative;top:5px;color:#dbdbdb;border-radius:3px;font-size:27px}.boardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));position:relative}}@media (max-width: 470px){.wrapper{display:flex;flex-direction:column;position:absolute;width:100%;right:0;left:0;top:0;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.introduction{margin-top:60px;height:500px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:500px;width:400px;object-fit:cover;object-position:left top}.introText{height:140px;width:98%;top:25px;font-size:15px;font-weight:700;background-color:#3f3f3f;opacity:.7;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.project1Title{left:0;margin:0;width:100%;display:flex;justify-content:center;background-color:#707070;position:relative;top:5px;color:#dbdbdb;border-radius:3px;font-size:27px}.boardGrid{display:grid;grid-template-columns:repeat(2,210px);position:relative;left:-13%}}@media (max-width: 423px){.introduction{margin-top:60px;height:500px;width:100%;background-color:#ece2ea;display:flex;justify-content:flex-start}.portrait{height:500px;width:400px;object-fit:cover;object-position:left top}.introText{height:170px;width:96%;margin-left:1%;margin-top:350px;font-size:15px;font-weight:700;background-color:#3f3f3f;opacity:.7;display:flex;border-radius:10px;box-shadow:10px 5px 5px #0000004d;color:#eee;position:absolute;flex-direction:column;justify-content:center}.project1{height:800px;width:100%;background-color:#2c2b2b;display:flex;flex-direction:column;border-top:1px solid black;justify-items:center}.project1Title{width:100%;display:flex;justify-content:center;background-color:#707070;position:relative;left:0;top:5px;color:#dbdbdb;border-radius:3px;font-size:27px}.boardGrid{display:grid;grid-template-columns:repeat(2,185px);position:relative;left:-8%}}.b-container{position:relative;top:10px;left:50px;background-color:#bbabab;height:400px;width:530px;border:3px inset rgb(7,7,7);margin:20px;border-radius:20% 5%;box-shadow:10px 5px 5px #0000004d;overflow:auto}.b-content{position:absolute;top:45px;left:10px;height:350px;width:500px}.b-image{height:397px;width:600px}.originText{display:flex;justify-content:center}.titleText{border-bottom:1px solid #000;display:flex;justify-content:center}.courseText{display:flex;justify-content:center;margin-bottom:20px;border-bottom:1px solid black}.subTitleDText,.subTitleTText{display:flex;justify-content:center;margin-top:10px;text-decoration:underline;margin-bottom:10px}.techGrid{display:grid;grid-template-columns:repeat(2,140px);font-weight:700;justify-content:center;font-size:16px}@media (max-width: 581px){.b-container{position:relative;top:5px;left:50px;background-color:#bbabab;height:200px;width:200px;border:3px solid rgb(7,7,7);margin:10px;border-radius:20% 5%;box-shadow:10px 5px 5px #0000004d;overflow:auto}.b-content{position:absolute;top:10px;left:10px;height:180px;width:180px}.b-image{height:397px;width:600px}.originText{display:flex;justify-content:center;font-size:12px;font-weight:700}.titleText{border-bottom:1px solid #000;display:flex;justify-content:center;font-size:14px}.courseText{display:flex;justify-content:center;margin-bottom:5px;border-bottom:1px solid black;font-size:10px}.subTitleDText,.subTitleTText{display:flex;justify-content:center;margin-top:5px;text-decoration:underline;margin-bottom:5px;font-size:12px}.descriptionText{font-size:10px}.techGrid{display:grid;grid-template-columns:repeat(2,80px);font-weight:700;justify-content:center;font-size:10px}}@media (max-width: 423px){.b-container{position:relative;top:5px;left:50px;background-color:#bbabab;height:160px;width:160px;border:3px solid rgb(7,7,7);margin:5px;border-radius:20% 5%;box-shadow:10px 5px 5px #0000004d;overflow:auto}.b-content{position:absolute;top:10px;left:10px;height:140px;width:140px}.originText{display:flex;justify-content:center;font-size:11px;font-weight:700}.titleText{border-bottom:1px solid #000;display:flex;justify-content:center;font-size:8px;margin-top:5px}.courseText{display:flex;justify-content:center;margin-bottom:5px;border-bottom:1px solid black;font-size:8px}.subTitleDText{font-size:10px}.subTitleTText{display:flex;justify-content:center;margin-top:5px;text-decoration:underline;margin-bottom:5px;font-size:10px}.descriptionText{font-size:8px}.techGrid{display:grid;grid-template-columns:repeat(2,60px);font-weight:700;justify-content:center;font-size:7px;padding-bottom:10px}}.about-me{margin-top:70px;background-color:#dfdddd;width:100%;height:100%;position:absolute;top:0;left:0;font-size:10px}.contact-info{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:70%;font-size:large}.contact-info-text{font-size:25px;font-weight:700}@media (max-width: 767px){.about-me{margin-top:60px}.contact-info{height:40%;font-size:9px}.contact-info-text{font-size:13px}}*{padding:0;margin:0}*::-webkit-scrollbar{display:none;scrollbar-width:none;-ms-overflow-style:none}body{height:100%;width:100%;min-height:100vh;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:#424d6d;position:relative}.custom-navbar{background-color:#383838;position:absolute;display:flex;justify-content:center;width:100%;top:0;right:0;left:0;height:70px;z-index:100;border:1px solid black}.custom-navbar .nav-item{position:relative;margin-top:20px;margin-right:20px}.custom-navbar .nav-item a{color:#bad3d3;font-size:24px;text-decoration:none;margin-top:40px}.custom-navbar .nav-item a:hover{color:gold}.nav-item a:before{content:"";position:absolute;bottom:14px;left:0;width:0%;height:3px;background-color:gold;transition:all .5s}.nav-item a:hover:before{width:100%}.custom-navbar .navbar-brand{color:#bad3d3;font-size:24px;text-decoration:none;margin-top:10px}.custom-container{display:flex;justify-content:center}.starIcon{height:50px;width:50px;background-color:beige;padding:1%}@media (max-width: 768px){.custom-navbar{height:60px}.custom-navbar .nav-item a{font-size:20px;margin-top:30px}.custom-navbar .navbar-brand{font-size:18px;margin-top:5px}}@media (max-width: 600px){.custom-navbar{height:60px}.custom-navbar .nav-item a{font-size:15px;margin-top:30px}.custom-navbar .navbar-brand{font-size:18px;margin-top:5px}}@media (max-width: 400px){.custom-navbar{height:60px}.custom-navbar .nav-item a{font-size:15px;margin-top:30px}.custom-navbar .nav-item .hdtr{display:none}.custom-navbar .navbar-brand{font-size:18px;margin-top:5px}}