@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200&family=Orbitron:wght@900&family=Source+Code+Pro:wght@200&family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200&display=swap');
html { scroll-behavior: smooth;}
body{
    font-family:"Source Code Pro Light","Source Code Pro",monospace;
    margin:0;
    padding:0;
}
p{
    font-size:20px;
    color:black;
    font-family:'Noto Serif JP',"Source Code Pro","Source Code Pro Light","Times New Roman",selif,sans-selif;
}
.menu{
    font-family:"Ubuntu","Times New Roman";
    display:flex;
    color:black;
}
.menu ul{
    display:flex;
    list-style:none;
    justify-content:right;
    margin:auto;
    margin-right:10px;
    width:100%;
    padding:0px;
}
.menu li{
    padding-right:20px;
    padding:8px;
    min-width:48px;
}
.menu a{
    text-decoration:none;
    color:black;
    font-size:20px;
}
.menu a:hover{
    border-top-style:solid;
    border-bottom-style:solid;
    border-top-width:1px;
    border-bottom-width:1px;
}
.logo{
    display:block;
    margin:auto;
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
    width:300px;
    height:49px;
}
.content{
    margin:auto;
    text-align:center;
    width:80%;
}
.skills ul{
    list-style: none;
    font-size:20px;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.info{
    display:block;
    font-family:monospace;
    font-size:18px;
    text-decoration:none;
    padding:5px;
    width:50%;
    margin:auto;
    margin-bottom:30px;
    color:black;
}
.infoes{
    margin:auto;
    color:black;
}
.medialogos{
    height:20px;
}
.medialogos2{
    display: block;
    height:100px;
    margin:auto;
    margin-top:20px;
    margin-right:20px;
    margin-left:20px;
    margin-bottom:10px;
}
.name{
    font-family:monospace;
    font-size:28px;
}
  .scroll-up {
    opacity: 0; 
    visibility: hidden;
    transform: translateY(50px);
    transition: all 1.5s;
  }
  .scroll-up.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
#newsfeed{
    font-size:20px;
    list-style:none;
    display: inline-block;
    padding-left: 0;
} 
#newsfeed li{
    padding:10px;
    text-align: left;
    border-bottom:solid 1px gray ;
}
#newsfeed a{
    text-decoration: none;
    color:blue;
}
.titile-text{
    margin-top:0;
}
.br{
    display: inline-block;
}
.about{
    margin-top:50px;
}
.switch{
    cursor: pointer;
    position:fixed;
    bottom:30px;
    right:10px;
}
.switch input{
    display:none;
}
.info_mail{
    text-decoration: none;
    color:black;
    font-family:monospace;
    font-size:18px;
    display:inline-block;
    margin:auto;
    text-align:center;
}
@media screen and (max-width: 740px) {
    .my-icon{
        width:80%;
    }
    .menu{
        flex-wrap:wrap;
    }
    .menu ul{
        margin:auto;
	flex-wrap:wrap;
	justify-content:center;
    }
    .logo{
        margin:auto;
    }
    
}
.dark-theme{
    color:white;
    background-color:#181A1B;
}
.dark-theme p{
    color:white;
}
.dark-theme .menu a{
    color:white;
}
.dark-theme .info{
    color:white;
}
.dark-theme .info a{
    color:white;
}
.dark-theme .info_mail{
    color:white;
}
.dark-theme #newsfeed a{
    color:yellow;
}