@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@700&display=swap";body{margin:0}#container{font-family:Poppins;display:grid;grid-template-rows:70px 5px 250px 5px 350px 5px 1fr;grid-template-columns:280px 5px 1fr;height:100vh}#container #itemA{grid-row:1/2;grid-column:1/4;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:end}#container #itemA #title{position:absolute;top:5px;left:30px;font-size:43px;color:#fff;font-weight:500}#container #itemA #title:hover{cursor:pointer}#container #itemA #menuset{display:flex;align-items:center;margin-left:30px;margin-right:20px;width:500px}#container #itemA #menuset ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}#container #itemA #menuset ul li{font-weight:500;color:#fff;font-size:14px}#container #itemA #menuset ul li:hover{cursor:pointer;color:#cecece;text-decoration:underline}#container #itemA .overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background-color:#fff;border-radius:8px;box-shadow:0 0 15px #00000080;z-index:9999;padding:20px;text-align:center}#container #itemA .overlay .review-grid{display:grid;grid-template-columns:repeat(3,255px);grid-template-rows:repeat(2,100px);gap:10px}#container #itemA .overlay .review-item{display:flex;flex-direction:column;align-items:center}#container #itemA .small-space{height:10px}#container #itemA .commentreview{border-radius:7px;width:700px;height:150px;padding:9px}#container #itemA .resistor{position:fixed;bottom:3px;right:60px;text-align:center;background-color:#fff;color:#000;border:1px solid black;padding:7px 30px;margin:20px 0;font-weight:600;cursor:pointer;transition:all .4s}#container #itemA .resistor.float:hover{background-color:#f4f4f4fd;box-shadow:5px 5px 10px #00000080}#container .menu1{position:absolute;top:38px;font-weight:500;color:#fff}#container .menu1:hover{cursor:pointer;color:#cecece;text-decoration:underline}#container .menu2{position:absolute;top:38px;left:1200px;font-weight:500;color:#fff}#container .menu2:hover{cursor:pointer;color:#cecece;text-decoration:underline}#container .escape{position:fixed;right:40px;background-color:#fff;border:none;font-weight:400;font-size:30px}#container .menu3{position:absolute;top:38px;left:1300px;font-weight:500;color:#fff}#container .menu3:hover{cursor:pointer;color:#cecece;text-decoration:underline}#container #itemC #resistor #class,#container #itemC #resistor #commenttext,#container #itemC #resistor .starEvaluation{display:flex;justify-content:start;align-items:center}#container #itemB{margin-left:5px;grid-row:3/4;grid-column:1/2;border-radius:7px;position:relative;transition:all .3s}#itemB #search{display:flex;justify-content:center;top:5px}#container #itemB #search .box{background-color:none;border-radius:3px;color:#000;width:180px;height:30px;transition:none}#container #itemB #search .box:focus{outline:none}#container #itemB #search .btn{background-color:#000;color:#fff;width:70px;height:36px;margin-left:4px;transition:all .2s;border:black solid}#container #itemB #search .btn:hover{cursor:pointer;background-color:#fff;color:#000;border:black solid}#container #itemB #kouho{background-color:gray}#reloadDisplay{background-color:#bfb;color:#090;padding:10px;border:2px solid #009900;border-radius:7px}#itemC{grid-row:3/6;grid-column:3/4;background-color:#fff;overflow-y:scroll}#container #itemC .reviewunit{background-color:#fff;margin:10px;border-bottom:1px solid rgb(161,161,161);padding:10px}#container #itemC .reviewunit .class{font-size:large;font-weight:600}#container #itemC .reviewunit .score{display:flex;justify-content:start}#container #itemC .reviewunit .class:hover{cursor:pointer;text-decoration:underline;color:gray}#container #itemC .reviewunit:hover{box-shadow:5px 5px #9a9a9a80;transform:translate(-2.5px,-2.5px);transition:.3s;border:none}#container #itemD{grid-row:8/9;grid-column:1/4;background-color:gray;text-align:center;color:#fff;position:fixed;bottom:0;width:100%}