/* スマホ */
@media screen and (max-width: 480px) { 
    h1 {color: black;}
    h2 {color:black;}
    body {background-color:white;}
    p {font-size:15px; color:black;}
}
/* スマホ以外 */
/* 画像の大きさ調整 */ 
#self-img {
    width: 100%;
}
#git-img {
    width: 10%;
}
#qiita-img {
    width: 10%;
}
#twitter-img {
    width: 10%;
}
#paper-img {
    width: 40%;
    border: 1px solid black;
}
#photo-img {
    width: 15%;
}
#weather-img {
    width: 80%;
}
#BJ-video {
    width: 80%;
}
#threed-img {
    width: 90%;
}

/* Topボタン設定 */
a {
    padding-top: 15px;
}
a.top_btn {
    position: fixed;
    width: 7%;
    height: 5%;
    bottom: 10px;
    right: 10px;
    color: white;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 30px;
    background-color: black;
}
a.top_btn {
    color: white;
}
a.top_btn:hover {
    background-color: white;
    border: 2px solid darkblue;
    color: #00B0F0;  
}
/* ©表記 */
#copy {
    color: white;
    text-align: center;
}
#study {
    width: 75%;
    height: 75%;
}
/* 最初のひとこと */
.comment {
    position: relative;
}
.comment p {
    position: absolute;
    white-space: nowrap;
    display: inline;
    font-weight: bold;
    font-size:200%;
    font-family: Quicksand, sans-serif;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    color: rgba(26, 26, 255, 0.6);
    text-shadow    : 
    2px  2px 1px rgba(255, 255, 255, 0.3),
   -2px  2px 1px rgba(255, 255, 255, 0.3),
    2px -2px 1px rgba(255, 255, 255, 0.3),
   -2px -2px 1px rgba(255, 255, 255, 0.3),
    2px  0px 1px rgba(255, 255, 255, 0.3),
    0px  2px 1px rgba(255, 255, 255, 0.3),
   -2px  0px 1px rgba(255, 255, 255, 0.3),
    0px -2px 1px rgba(255, 255, 255, 0.3);  
}
@media only screen and (max-width: 620px) {
    .comment p {
        font-size:120%;
    }
}
/* リンク色設定 */
a.link {
    color: blue;
}

.titlebox1 {
    margin:10px;
    margin-right: 60px; 
    padding:10px;
    margin-left: 1rem;
    text-indent: -1.5rem;
    
}
.textbox1 {
    margin:10px;
    margin-right: 60px; 
    padding:10px;
    margin-left: 1rem;
    text-indent: -1rem;
    
}
/* 論文概要 */
.textbox2 {
    margin:10px;
    margin-right: 110px; 
    padding:10px;
    border: 1px solid darkblue;
}
/* プロフィール */
.box1 {
    margin: auto;
    margin-top: 20px;
    width: 75%;
    padding-left: 20px;
    border: solid 5px darkblue;
    border-radius: 10px;
    background-color: white;
    
}
/*　成果物　*/
.box2 {
    margin: auto;
    margin-top: 20px;
    width: 75%;
    padding-left: 20px;
    border: solid 5px darkblue;
    border-radius: 10px;
    background-color: white;
}

/* インターン */
.box3 {
    margin: auto;
    margin-top: 20px;
    width:75%;
    padding-left: 20px;
    border: solid 5px darkblue;
    border-radius: 10px;
    background-color: white;
}

/* SNS */
.box4 {
    margin: auto;
    margin-top: 20px;
    width: 75%;
    padding-left: 20px;
    height: auto;
    position: relative;
    border: solid 5px darkblue;
    border-radius: 10px;
    background-color: white;
}

/* .box5 {
    margin: auto;
    margin-top: 20px;
    width: 75%;
    padding-left: 20px;
    height: auto;
    position: relative;
    border: solid 5px darkblue;
    border-radius: 10px;
    background-color: white;
} */

/* ナビゲーションバー */
nav{
    border-bottom: 1px solid #ccc;
}
nav ul {
    display: table;
    margin: 0 auto;
    padding: 0;
    width: 80%;
    text-align: center;
}
nav ul li {
    display: table-cell;
    min-width: 50px;
    border-right: 1px solid #ccc;
}
nav ul li:first-child {
    border-left: 1px solid #ccc;
}
nav ul li a {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    color: #aaa;
}
nav ul li a:hover {
    background-color:white;
    border-bottom: 5px solid red;
    color: #00B0F0;
}
nav ul li.current {
    font-weight: bold;
}
nav ul li.current a {
    border-bottom: 5px solid #00B0F0;
    color: #00B0F0;
}

body {
    background-color:black;
    font-size:15px; 
    color:black;
}